/* Formateo de los estilos
------------------------------------------------------------------------------------------- */

html, body, div, a, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, abbr, acronym, address, code, object, label, legend, input, textarea, p, blockquote, th, td, del, dfn, q, table, caption, tbody, tfoot, thead, tr, th, td { 
	vertical-align: baseline;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0em;
}


/* Tablas
-------------------------------------------- */

	table {
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
	}


/* Objects
-------------------------------------------- */

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


/* Abreviaturas, acronimos y definiciones
-------------------------------------------- */

	abbr, acronym, dfn {
		border: none;
		cursor: help;
	}
	

/* Imágenes
-------------------------------------------- */

	img, a img, :link img, :visited img, :hover img {
		border: 0em;
	}
	
	
/* Teclado Kbd
-------------------------------------------- */
	
	kbd {
		border-bottom: .1em solid #cccccc;
		border-right: .1em solid #cccccc;
		padding-bottom: 0.1em; 
		padding-right: 0.4em; 
		padding-left: 0.4em; 
		background: #EFECEC;
		padding-top: 0.1em;
		font-size: 115%; 
	}
	
	
/* Listas
-------------------------------------------- */
	
	ul, ol, dl, li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position: relative;
	}	
	

/* FIN / Formateo de los estilos
------------------------------------------------------------------------------------------- */



/* Estilos comunes
------------------------------------------------------------------------------------------- */

.clearfix:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }

.clearfix { display: block; }
.clear_both { clear: both; }

/* Iconos
----------------------------------*/

.correo { 
	background: url(../public_images/ico/ico_correo.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.goBack { 
	background: url(../public_images/ico/goBack.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.externalLink { 
	background: url(../public_images/ico/externalLink.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.webMap { 
	background: url(../public_images/ico/webMap.gif) no-repeat right center;
	padding: 0em 1.3em 0em 0em;
}

.download { 
	background: url(../public_images/ico/download.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.continue { 
	background: url(../public_images/ico/continue.gif) no-repeat right center;
	padding: 0em 1.2em 0em 0em;
}

.display { 
	background: url(../public_images/ico/display.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.mailGray { 
	background: url(../public_images/ico/mailGray.gif) no-repeat right center;
	padding: 0em 1em 0em 0em;
}

.help { 
	cursor: help;
}

/* Fin / Iconos
----------------------------------*/


.nota, .salto { position: absolute; top: -5000px; left: -5000px; }

.invisible { display: none; visibility: hidden; }
.negrita { font-weight: bold; }

.float_left { float: left; }	
.float_right { float: right; }

.background_none { background: none !important; }

.align_center { text-align: center; }	
.align_left { text-align: left; }
.align_right { text-align: right; }	


/* FIN / Estilos comunes
------------------------------------------------------------------------------------------- */















/* Cuerpo de página
------------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../public_images/fondo.gif) no-repeat center top #ffffff;
	line-height: 1.7em;
	padding: 0 0 0 0;
	margin: 3em 0 0 0;
	font-size: 75%;
	color: #000000;
}

#largo {
	background: url(../public_images/fondo-largo.gif) no-repeat center top #ffffff;
}

#largo2 {
	background: url(../public_images/fondo-largo2.gif) no-repeat center top #ffffff;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold; 
  color: #2284fd; 
  clear: both; 
}

a, strong { color: #0083d7; }

h1 {}

.titulo {
	width: 15em;
	float: left;
	margin-left: 4em;
	text-align: center;
	background: url(../public_images/encabezado/fondo-h2-izq.gif) no-repeat left top;
}

h2 {
	float:left;
	color: #23366b;
	font-size: 130%;
	text-align: left;
	line-height: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 1.5em .8em 2.4em .8em;
	background: url(../public_images/encabezado/fondo-h2-dcha.gif) no-repeat right top;
	
}
.azulmasmargen { color: #0083d7; padding-left: .8em; }

h3 {
	color: #223c72;
	font-size: 130%;
	font-weight: normal;
	padding-bottom: .4em;
	margin: 1.5em 0 .5em 12.5em;
	text-transform: uppercase;
	background: url(../public_images/linea.gif) repeat-x left bottom #fff;
}

h3 span {
	color: #3d8cdc;
}

h3.h3_derecha {
	margin: 0 0 .5em 35em;
}

h4 {
	font-size: 110%;
	margin: .7em 0 0 0;
}


/* Idiomas de la página
------------------------------------------------------------------------------------------- */

#idiomas {
	text-transform: uppercase;
	text-align: right;
	margin: 0em auto 1.5em auto;
	color: #2b383e;
	width: 83em;
}

#idiomas p {
	display: inline;
	float: none;
	font-weight: bold;
	padding: 0em;
}

#idiomas ul,
#idiomas li {
	display: inline;
}

#idiomas li {
	border-right: 1px solid #ccc;
	padding-right: .5em;
	padding-left: .5em;
	overflow: hidden;
}

#idiomas li.fin {
	border: none;
}

#idiomas li strong {
	color: #3c8dd6;
}

#idiomas li a:link, #idiomas li a:visited {
	color: #a5a5a5;
	text-decoration: none;
}

#idiomas li a:hover {
	color: #3c8dd6;
	text-decoration: underline;
}


/* Contenedora de la página
------------------------------------------------------------------------------------------- */

#contenedor {
	border: .7em solid #ccd5e0;
	background: #ffffff;
	margin: 0 auto;
	color: #2b383e;
	width: 80.7em;
}

.altoNormal {
	height: 56.57em;
}

.altoExtra {
	height: 68.2em;
}

/* Cabecera de la página
------------------------------------------------------------------------------------------- */

#cabecera {
	margin: 0 0 0 0;
	background: url(../public_images/cabecera/banner.jpg) no-repeat right top #ffffff;
}


/* Contenedor logotipo
------------------------------------------------------------------------------------------- */

#logotipo {
	background: none;
	text-align: left;
	padding: 1.4em 0 .8em 4em;
}

#logotipo h1 {	font-size: 150%; }


/* Navegación
------------------------------------------------------------------------------------------- */

#navegacion {
	background: #ffffff;
}

ul#menu {
	clear: both;
	width: 100%;
	margin: 0 0 0 0;
	list-style: none;
	padding: 0 0 0 0;
	background: url(../public_images/menu/fondo.gif) repeat-x left top #285193;
}

ul#menu:after{
	clear: both;
	height: 0em;
	content: ".";
	display: block;
	visibility: hidden;
}

ul#menu li {
	float: left;
	line-height: 1.3;
	margin-left: 0em;
	text-transform: uppercase;
}

/* es */
ul#menu li.es-wdt-presentacion		 { width: 10em;		}
ul#menu li.es-wdt-ingenieria		 { width: 8em;		}
ul#menu li.es-wdt-mediosProductivos	 { width: 14.4em;	}
ul#menu li.es-wdt-productos			 { width: 8.8em; 	}
ul#menu li.es-wdt-calidad			 { width: 6.5em; 	}
ul#menu li.es-wdt-medioAmbiente 	 { width: 11em; 	}
ul#menu li.es-wdt-contacto			 { width: 8em; 		}
/* en */
ul#menu li.en-wdt-presentacion		 { width: 9.9em;	}
ul#menu li.en-wdt-ingenieria		 { width: 9.4em;	}
ul#menu li.en-wdt-mediosProductivos	 { width: 15.4em;	}
ul#menu li.en-wdt-productos			 { width: 8em; 		}
ul#menu li.en-wdt-calidad			 { width: 6.5em; 	}
ul#menu li.en-wdt-medioAmbiente 	 { width: 10em; 	}
ul#menu li.en-wdt-contacto			 { width: 7.6em; 	}
/* fr */
ul#menu li.fr-wdt-presentacion		 { width: 9.9em;	}
ul#menu li.fr-wdt-ingenieria		 { width: 8em;	}
ul#menu li.fr-wdt-mediosProductivos	 { width: 15.5em;	}
ul#menu li.fr-wdt-productos			 { width: 8em; 	}
ul#menu li.fr-wdt-calidad			 { width: 6.5em; 	}
ul#menu li.fr-wdt-medioAmbiente 	 { width: 11em; 	}
ul#menu li.fr-wdt-contacto			 { width: 7em; 		}
/* de */
ul#menu li.de-wdt-presentacion		 { width: 9.9em;	}
ul#menu li.de-wdt-ingenieria		 { width: 9.4em;	}
ul#menu li.de-wdt-mediosProductivos	 { width: 14.7em;	}
ul#menu li.de-wdt-productos			 { width: 8.8em; 	}
ul#menu li.de-wdt-calidad			 { width: 8.8em; 	}
ul#menu li.de-wdt-medioAmbiente 	 { width: 9em; 		}
ul#menu li.de-wdt-contacto			 { width: 7em; 		}


ul#menu li.especial				 { width: 12.7em; background: url(../public_images/menu/extranet.gif) repeat-x left top; }
.ie6 ul#menu li.especial		 { width: 12.5em; 	}
.ie7 ul#menu li.especial		 { width: 12.5em; 	}

ul#menu li a {
	background: url(../public_images/menu/separador.gif) no-repeat right top;
	padding: .2em 0em 1.3em 0em;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 1.3em;
	color: #fff;
}.safari ul#menu li a { padding: .4em .5em 1.3em .5em; }

.ie6 ul#menu li a:hover, ul#menu li a:active {
	text-decoration: underline;
}

ul#menu li a:hover span.izq {
	background: url(../public_images/menu/corchete-izq.gif) no-repeat left center;
	padding-left: .5em;
}

.ie6 ul#menu li a:hover span.izq { 
	padding: 0 0 0 0;
}

ul#menu li a:hover span.der {
	background: url(../public_images/menu/corchete-der.gif) no-repeat right center;
	padding-right: .5em;
}

.ie6 ul#menu li a:hover span.der { 
	padding: 0 0 0 0;
}
ul#menu li.especial { 
	background: url(../public_images/menu/extranet.gif) repeat-x left top;
}

ul#menu li.seleccionado1 {
	background: url(../public_images/menu/separador.gif) no-repeat right top;
	padding: .2em 0em 1.3em 0em;
	text-decoration: none;
	text-align: center;
	display: block;
	color: #ffffff;
}.safari ul#menu li.seleccionado1 { padding-top: .4em; }

ul#menu li.seleccionado1 span.izq {
	background: url(../public_images/menu/corchete-izq.gif) no-repeat left center;
	padding-left: .5em;
}

ul#menu li.seleccionado1 span.der {
	background: url(../public_images/menu/corchete-der.gif) no-repeat right center;
	padding-right: .5em;
}


/* Titulo y banner
------------------------------------------------------------------------------------------- */

.titulo-y-banner {
	background: url(../public_images/linea.gif) repeat-x 0em 5em #ffffff;
	padding-top: 1.5em;
	width: 100%;
	clear: both;
}

.banner {
	width: 52em;
	float: right;
	text-align: right;
	padding-right: 6em;
}

.bannerPresentacion {
	margin-right: 0em;
}

.bannerIngenieria { 
	padding: 3px;
	margin-right: 0em;
	background: #cccccc;
}


/* Contenido
------------------------------------------------------------------------------------------- */

#contenido {
	height: 43em;
	line-height: 1.3em;
	margin: 0em 0em 0em 0em;		}
.ie7 #contenido { height: 44.7em;	}
.ie6 #contenido { height: 44.7em;	}

#largo #contenido{ height:57em;		}
#largo2 #contenido{ height:50em;	}

.bg-ingenieria			 { background: url(../public_images/fondo-apartado/bg-ingenieria.gif) no-repeat left bottom;		}
.bg-calidad				 { background: url(../public_images/fondo-apartado/bg-calidad.gif) no-repeat left bottom;			}
.bg-medio-ambiente		 { background: url(../public_images/fondo-apartado/bg-medio-ambiente.gif) no-repeat left bottom;	}
.bg-productos			 { height: 44.7em;	}
.bg-presentacion 		 { background: url(../public_images/presentacion/bg-presentacion.jpg) no-repeat 0.8em 25em;	}

/*
.bg-medios-productivos	 { min-height: 42.7em;	}
.bg-calidad				 { min-height: 42.7em;	}
.bg-medio-ambiente		 { min-height: 42.7em;	}
.bg-contacto			 { min-height: 45em;	}
.bg-area_cliente		 { min-height: 42.7em;	}
*/
/* / Para explorer 7 / */
/*
.ie7 .bg-ingenieria			 { min-height: 44.7em;	}
.ie7 .bg-calidad			 { min-height: 44.7em;	}
.ie7 .bg-medio-ambiente		 { min-height: 44.7em;	}
.ie7 .bg-presentacion 		 { min-height: 44.7em;	}
.ie7 .bg-medios-productivos	 { min-height: 44.7em;	}
.ie7 .bg-productos			 { min-height: 44.7em;	}
.ie7 .bg-calidad			 { min-height: 44.7em;	}
.ie7 .bg-medio-ambiente		 { min-height: 44.7em;	}
.ie7 .bg-contacto			 { min-height: 45em;	}
.ie7 .bg-area_cliente		 { min-height: 44.7em;	}
*/
/* / Para explorer 6 / */
/*
.ie6 .bg-ingenieria			 { min-height: 42.7em;	}
.ie6 .ie6 .bg-calidad		 { min-height: 42.7em;	}
.ie6 .bg-medio-ambiente		 { min-height: 42.7em;	}
.ie6 .bg-presentacion 		 { min-height: 42.7em;	}
.ie6 .bg-medios-productivos	 { min-height: 42.7em;	}
.ie6 .bg-productos			 { min-height: 42.7em;	}
.ie6 .bg-calidad			 { min-height: 42.7em;	}
.ie6 .bg-medio-ambiente		 { min-height: 42.7em;	}
.ie6 .bg-contacto			 { min-height: 45em;	}
.ie6 .bg-area_cliente		 { min-height: 42.7em;	}
*/


/* Submenu
------------------------------------------------------------------------------------------- */
	

ul#subMenu {
	margin: 3.7em 0 0 0;
}

ul#subMenu li.nivel2 {
	display: inline;
	margin: 0 .5em;
	padding :0;
}

ul#subMenu li.nivel2 a {
	float: left;
	padding: 0 0 0 0;
	font-size: 107%;
	margin: 0 .9em 0 .9em;
	background: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

ul#subMenu li.nivel2 a span.der {
	float: left;
	display: block;
	color: #8096b2;
	padding: .6em 1em .6em 1em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#subMenu li.nivel2 a span.der { float:none; }
/* End IE5-Mac hack */

ul#subMenu li.nivel2 a:hover span.der {
	color: #8096b2;
}

ul#subMenu li.nivel2 a:hover {
	background: url(../public_images/submenu/corchete-izq.gif) no-repeat left top #ffffff; color: #002d64;
}
.ie6 ul#subMenu li.nivel2 a:hover { background: #ffffff; color: #002d64; text-decoration: underline; }

ul#subMenu li.nivel2 a:hover span.der {
	background: url(../public_images/submenu/corchete-der.gif) no-repeat right top; color: #002d64;
}
.ie6 ul#subMenu li.nivel2 a:hover span.der { background: #ffffff; color: #002d64; text-decoration: underline; }

.seleccionado2 {
	float: left;
	color: #002d64;
	font-size: 107%;
	padding: 0em 0em 0em 0em;
	text-transform: uppercase;
	margin: 0em .5em 0em .5em;
	background: url(../public_images/submenu/corchete-izq.gif) no-repeat left top #ffffff; 
}
	
.seleccionado2 span.der {
	float: left;
	display: block;
	color: #002d64;
	padding: .6em 1em .6em 1em;
	background: url(../public_images/submenu/corchete-der.gif) no-repeat right top; 
}

.seleccionado2 span.der {
	float:none;
}

.seleccionado2 span.der {
	color: #002d64;
}

/* Presentacion
------------------------------------------------------------------------------------------- */

.texto {
	width: 53.5em;
	text-align: justify;
	padding: .1em 0em 1em 0;
}

.texto p { margin: .5em 0em; }

ul.lista-comun {
	margin: .9em 0;
}

.lista-comun li {
	background: url(../public_images/dott.gif) no-repeat left center;
	padding-left: 1.4em;
	list-style: none;
}

ul.lista-margenGrande {
	margin: .9em 0;
}

.lista-margenGrande li {
	background: url(../public_images/dott.gif) no-repeat 0 0.3em;
	margin: 1em 6em 1em 0;
	padding-left: 1.4em;
	list-style: none;
}

.col {
	width: 23.1em;
	float: left;
	margin-right: 1.5em;
}	
.col p { margin: 1em 0; }	

.ingenieriaTXT {
	float: left;
	width: 32em;
}

.ingenieriaIMG {
	text-align: right;
	padding-top: 4em;
	float: left;
	width: 17em;
}

/* Medios productivos
------------------------------------------------------------------------------------------- */

.medios-productivos{ 
	width:67em;
	margin:1.5em auto 0 auto;
}/*
.ie6 .medios-productivos { 
	width:69em;
	border: 1px solid red;
}*/

.cajaMedios { 
	width:20em;
	float:left;
	margin: 0em 0em 0em 1em;
	padding: 0em .5em 0em 0em;
}

.mediosDatos {
	height: 11.5em;
	border: 1px solid #fff;
}

.cajaMedios h4 {
	font-size:1.2em;
	margin-left: .4em;
	padding: 1.2em 0 1em 2em;
	background:url(../public_images/medios-productivos/fondo-h4-medios.gif) no-repeat top left;
}

.cajaMedios ul {
	padding:0 0 0 2em;
	margin:1em 0 0 1.5em;
	list-style-type:none;
}

.cajaMedios ul li { 
	padding-left:.7em;
	margin-bottom:.2em;
	background:url(../public_images/dott.gif) no-repeat 0 0.3em;
}

.cajaMedios img.marcoMedios {
	border: 1px solid #cccccc;
	margin:0 0 .7em 0;
	padding: .4em;
}

.cajaMedios_conBorde {
	border-left:1px dashed #999999;
}


/* Productos
------------------------------------------------------------------------------------------- */

.productos {
	width: 100%;
	background: url(../public_images/productos/fondo-productos.jpg) no-repeat left top;
}

.productos p a {
	background: url(../public_images/productos/lupa.gif) no-repeat left center;
	padding-left: 1.4em;
}

.positionUp {
	/*
		border: 1px solid blue;
		background: #daeafa;
		position: relative;
		left: 20em;
		top: -8em;
	*/
	margin: 3em 43em 0em 0em;
	text-align: center;
	padding: .5em;
	width: 15.5em;
	float: right;
}
.ie6 .positionUp { margin: 3em 20em 0em 0em; }


.positionRight {
	/*
		border: 1px solid pink;
		background: #fadaf8;
		position: relative;
		left: 37em;
		top: -27em;
	*/
	margin: -4em 0em 0em 0em;
	text-align: center;
	padding: .5em;
	width: 14em;
	float: left;
}

.positionDown {
	/*
		border: 1px solid green;
		background: #eafada;
		position: relative;
		left: 20em;
		top: -7em;
	*/
	margin: 0em 0em 0em 0em;
	text-align: center;
	padding: .5em;
	width: 15.5em;
	float: left;
}

.positionLeft {
	/*
		border: 1px solid red;
		background: #fce8e8;
		position: relative;
		left: 5em;
		top: 11em;
	*/
	margin: 10.5em 0em 0em 5.5em;
	text-align: center;
	padding: .5em;
	width: 14em;
	float: left;
}



/* Productos
------------------------------------------------------------------------------------------- */

p.enlace-flecha a{ background: url(../public_images/calidad/flecha-link.gif) no-repeat 0 0.25em; padding:0 0 0 1em;}

/* Accesibilidad
------------------------------------------------------------------------------------------- */

ul.lista-accesibilidad li {
	background: url(../public_images/dott.gif) no-repeat .1em .3em;
	margin: .5em .7em .5em .7em;
	list-style-type: none;
	padding-left: 1em;
}

.atajos {
	padding-top: .7em;
}

.atajos li {
	list-style: none;
	margin-bottom: .7em;
}

/* Mapa de contacto
------------------------------------------------------------------------------------------- */

#datods-de-contacto {
	padding-left: 5em;
	width: 18em;
}

#datods-de-contacto li {
	list-style: none;
}

.image_right_map {
	margin-right: 4em;
}



































/* Área cliente
------------------------------------------------------------------------------------------- */

fieldset#area-cliente {
	border: 0;
	padding: 2em;
}

.lineaLogin{ float:left; width:auto;}
/*
input.botonLogin { 
	width:84px;
	color:#FFF;
	height:37px;
	float: left !important;
	font-size:.9em;
	margin:4em 0 0 0;
	text-align:center;
	padding:0 0 10px 0;
	line-height:normal;
	border: 1px solid red !important;
	text-transform: uppercase;
	background:url(../public_images/extranet/fondoBotonLogin.jpg) no-repeat 0 0;
}*/

.btnLogin {
	border: 1px solid #888888;
	margin-top: .7em;
	padding: .2em .5em;
	display: block;
}

/* mapa web
------------------------------------------------------------------------------------------- */

.ul_mapa_web li {
	margin-top: 1.2em;
	list-style: disc;
	padding-left: .3em;
}
.ul_mapa_web li a {
	padding: .1em .3em .4em .3em;
	margin: .5em 0;
}
.ul_mapa_web li ul li {
	list-style: circle;
	padding-left: 0em;
	margin: .5em 0 0 1.4em;
}
.ul_mapa_web li ul li a {
	background: #fff;
}

/* pie de página
------------------------------------------------------------------------------------------- */

#pie_pagina {
	margin: 2em auto 0 auto;
	text-align: left;
	padding: 0 0 0 0;
	font-size: 90%;
	width: 94.3em;
	clear: both;
}
#pie_pagina a { color: #999999; text-decoration: none; }
#pie_pagina a:hover { color: #999999; text-decoration: underline; }
#pie_pagina ul,
#pie_pagina li {
	display: inline;
}

#contacto_pie li {
	color: #0083d7;
	border-right: 1px solid #0083d7;
	padding-right: .5em;
	padding-left: .5em;
	overflow: hidden;
}

#contacto_pie li a{
	color: #0083d7;
	text-decoration:underline;
}

#contacto_pie li.fin {
	border: none;
}

#menu-pie{ clear:both; float:left;}

#menu-pie li {
	border-right: 1px solid #999999;
	padding-right: .5em;
	padding-left: .5em;
	overflow: hidden;
}

#menu-pie li.fin {
	border: none;
}


#direccion_pie {
	border: 1px solid #d7dce4;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	}

/* @group caja de mensajes de error o info */
#mensajeInfo {
	position:absolute;
	width:40em !important;
	z-index:100;
	font-size:1.4em;
	background-color: #FFFFFF;
	}

.mensajeInfo {
	margin: 1em 2em 1em 2em;
	padding: 0em;
	font-size:95%;
	border: 1px solid  #CCD5E0;
	background: #FFFFFF;
	}

.titleMsg {
	width: 100%;
	padding: .3em 0 .3em 0em;
	text-indent: .3em;
	background: #0060A0;
	color:#FFFFFF ;
	font-weight:bold;
	font-size:1.1em;
	border-bottom:1px solid #CCD5E0
	}
.mensajeInfo ul {
	display: block;
	list-style-type: none;
	margin: 0em;
	padding: 0em;
	}
.mensajeInfo li {
	display: block;
	list-style: none;
	margin: 0em;
	padding: .3em;
	width: 90%;
	border-bottom: 1px solid #CCD5E0;
}
.mensajeInfo li.error {
	border-left: 6px solid #0092DB;
	color: #000000;
	}
.mensajeInfo li.info {
	border-left: 6px solid #0092DB !important;
	}
.mensajeInfo li.warning {
	border-left: 6px solid #0092DB;
	}
.mensajeInfo span {
	vertical-align: middle;
	}
.msg_icon {
	height: 1.1em;
	margin: 0 .5em 0 .2em;
	vertical-align: middle;
	width: 1.1em;
	display:none;
}
	
/* @end */

#contenedor-central { 
	width:55em;
	margin: 2em auto;
	text-align: justify;
}
#contenedor-central p { 
	margin: 1em 0 1em 0;
}


/* Formateo de los estilos
------------------------------------------------------------------------------------------- */

.tabbForm {
	margin: 0 0 0 4em;
	border: 1px solid red;
}

.contBotonesForm {
	text-align: right;
	margin-top: 20px;
	}

ul.horizontalRadios, ul.verticalRadios {
	display: block;
	line-height: 100%;
	margin: 0em;
	padding: 0em;
	}
	
ul.verticalRadios li{
	list-style-type: none;
	clear: left;
	}
	
ul.horizontalRadios li{
	display: inline;
	}

.checkRadioInput {
	border: 0em;
	margin-top:.5em;
	}

.labelRadiosChecks {
	padding: 0em 1em 0em .1em;
	margin: 0em;
	margin-top: 0.6em;
	width: auto !important;
	}
	
.ie6 .labelRadiosChecks, .ie7 .labelRadiosChecks {
	margin-top: 0.9em;
	}

/*
------------------------------------------------------------------------------------------- */

.accesibleValFocus {
	color: #747373;
	}

.inputText, textarea {
	background: #f8f8f8;
	border: 1px solid #cccccc;
	margin-bottom: 3px;
	padding-left:4px;
	color: #7a7a7a;
	width: 20em;
	height: 16px;
	float: left;
	}

input:focus {
	border: 1px solid #3388ba;
	}

textarea:focus {
	border: 1px solid #3388ba;
	}

.inputTextError {
	margin-bottom: 3px;
	float: left;
	padding-left:4px;
	border: 1px solid #000;
	width: 20em;
	height: 16px;
	float: left;
	color: #ffffff;
	background-color: #be0f1f;
	}
	
.inputTextArea {
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: inherit;
	width: 20em;
	height: 8em;
	}

.botonEnviar {
	border: 1px solid #cccccc;
	background: #f8f8f8;
	color: #7a7a7a;
	padding: .2em .4em .2em .4em;
	}

.fieldSetContacto {
	margin: 1em 2em 1em 0em;
	padding:0px;
	border: none;
	width: 100%;
	}
	
.fieldSetContacto legend { 
	padding-left: 0;
	font-weight: bold;
	display: none; 
	}
		
.fieldSetContacto .cajaField {
	padding: 5px 0px 7px 0px;
	clear: left;
	}
	
.fieldSetContacto .cajaBoton {
	padding: 5px 0px 7px 0px;
	text-align: center;
	width: 28em;
	clear: left;
	}	

/*
------------------------------------------------------------------------------------------- */

.fieldSetContacto label, .fieldSetInscripcion span.spanLabel{
	margin-top: 4px;
	margin-bottom: 4px;
	float:left;
	width: 90px;
	text-align: left;
	border: 0px solid red;
	}

form label.required, form span.required {
	
	}

form label.problem, form span.problem {
	
	}
	
form label.completed, form span.completed {
	
	}

.errorField {
	font-size:10px;
	padding-left:10px;
	color: red;
	}

.ancho100 {
	width: 90% !important;
	float: none !important;
	margin-left: 0px;
	}
	
.ulCamposError {
	margin: 10px 0px 10px 50px;
	}

.msg {
	border-top: 1px solid #ff7349;
	border-bottom: 1px solid #ff7349;
	background: #ffdaca url(../images_public/notice.gif) no-repeat 10px 10px;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	}
	
.msg strong {
	font-weight: bold;
	}

form span.required {
	/*xfloat:left;*/
	padding: 0px 0px 0px 1em;
	width: 15px;
}

em.required{
	display:none;
}
/* Los avisos
------------------------------------------------------------------------------------------- */

.msgKO {
	width: 257px;
	color: #000000;
	text-align: left;
	padding: 10px 10px 10px 67px;
	border-top: 2px solid #ff1000;
	border-bottom: 2px solid #ff1000;
	background: url(../public_images/noticeKO.gif) 7px 8px no-repeat #ffc368;
	margin-top: 10px;
	}
	
.msgKO strong {
	color: #000000;
	font-weight: bold;
	background: #ffc368;
	}
	
.msgKO li {
	color: #000000;
	background: #ffc368;
	}
	
.ulCamposError {
	margin: 10px 0px 10px 50px;
	}
	
.msgKO a, .msgKO a:link, .msgKO a:visited {
	color: #635307;
	} 	

.msgOK {
	width: 259px;
	color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 67px;
	border-top: 1px solid #24a050;
	border-bottom: 1px solid #24a050;
	background: url(../public_images/noticeOK.gif) 7px 8px no-repeat #8cc63f;
	margin-top: 10px;
	}
	
.msgOK strong {
	font-weight: bold;
	}


#test {
  width:100px;
  height:100px;
float:left;
  background:#123;
}
.overlay_dialog img { border: none; }

.overlay_dialog {
	background-color: #666666;
	/*filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6; */
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(../images/window/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(../images/window/top_mid.gif) repeat-x 0 0;	
	height: 23px;
	width: 100%;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(../images/window/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	height: 100%;
	background: transparent url(../images/window/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	height: 100%;
	background: transparent url(../images/window/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(../images/window/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
	width: 100%;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(../images/window/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(../images/window/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/window/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(../images/window/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-size:12px;
	text-align:center;
	width:100%;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background-color:#EEE;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
 	font-family: Tahoma, Arial, Sans Serif;
	position: absolute;
}

.dialog * {
	margin: 0px;
	padding:0px;
}

.dialog table  { border-collapse: collapse; border-spacing: 0; width: 100% }
.dialog td, th { padding: 0; }




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left center no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right center no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.overlay_alert_lite {
	background-color: #888888;
	
}

.alert_lite_sizer {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_close {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_minimize {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_maximize {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_title {
	width:0px;
	height:0px;
	display:none;
}

.alert_lite_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 10px;
	background: #FFF;
	padding:10px;
	border:1px outset #009;
}


/* For alert/confirm dialog */
.alert_lite_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	
}

.alert_lite_message {
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
	padding-bottom:10px;
}

.alert_lite_buttons {
	text-align:center;
	width:100%;
}

.alert_lite_buttons input {
	width:20%;
	margin:10px;
}

.alert_lite_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('../images/ajax_loading.gif') no-repeat center center
}

table.alert_lite_header  {
  border:0px outset #009;
  background:#FFF;
}


.overlay_alphacube {
	background-color: #85BBEF;
}

.alphacube_nw {
	background: transparent url(../css/alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(../css/alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(../css/alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(../css/alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(../css/alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(../css/alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(../css/alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(../css/alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_butts_container {
	width: 69px;
	position:absolute;
	top:0px;
	right:11px;
	z-index:1000;
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-close-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-min-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(../css/alphacube/button-max-focus.gif) no-repeat 0 0;			
	float:right;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
	font-size:12px;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left center no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right center no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }