/* CSS Document */
* {
	outline: none;
	padding: 0;
	margin: 0;
}
body {
	margin: 1em auto;
	color: #000000;
	background: #dfdfdf url(/imagenes/fondo.gif) repeat-x top left;
	text-align: center;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}
a {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #921525;
}
p {
	font-size: 0.75em;
	margin: 0.4em 0;
	text-align: justify;
}
li {
	font-size: 0.75em;
}
h2 {
	color: #921525;
	margin: 0.5em 0 1.5em 0;
	font-size: 1em;
}
h3 {
	color: #BF8F15;
	margin: 2em 0.25em 0.5em 0.25em;
	font-size: 0.87em;
}
address {
	margin: 1.5em 2em;
}
legend span {
	background: #bf8f15 url(/imagenes/fieldset.gif) repeat-x;
	display: block;
	width: 40em;
	height: 2em;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.8em;
	padding-left: 0.5em;
	margin: 1.5em 0;
}
label {
	font-size: 80%;
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 12em;
	margin: 0 1em;
	color: #bf8f15;
	line-height: 1.5em;
}
fieldset input {
	width: 17em;
}
fieldset {
	border: none;
	margin: 1.5em 0;
}
fieldset div {
	margin: 0.8em 0;
}
textarea {
	width: 17em;
}
blockquote {	
	margin-bottom: 1em;
	font-size: 75%;
	color: #666666;
	text-align: justify;
}
blockquote:before {
	content: open-quote;
}
blockquote:after {
	content: close-quote;
}
cite {
	font-size: 75%;
	color: #999999;
}
abbr {
	cursor: help;
}
acronym {
	cursor: help;
}
/*--------contenedor----------*/
#contenedor {
	background-color: #FFFFFF;
	width: 52em;
	margin: auto;
	text-align: left;
	overflow: auto;
}
#cabecera {
	background: #b0aeaf url(/imagenes/cabecera.jpg) no-repeat center center;
	height: 11em;
	position: relative;
}
#cabecera h1 {
	position: absolute;
	top: 1.5em;
	left: 4em;
}
#cabecera h1 a {
	display: block;
	width: 5.7em;
	height: 3em;
}
#cabecera h1 a span {
	display: none;
}
#miniMenu {
	position: absolute;
	right: 2em;
	top: 1.5em;
	font-size: 0.7em;
	color: #999999;
}
#miniMenu a {
	margin: 0.5em 0;
	color: #921525;
}
#miniMenu a:hover {
	color: #FFFFFF;
}
#mapa {
	position: absolute;
	right: 3em;
	background: url(/imagenes/mapa_sitio.gif) no-repeat center center;
}
#mapa a {
	display: block;
	width: 2.4em;
	height: 1.6em;
}
#mapa a:hover {
	background: url(/imagenes/mapa_sitiohover.gif) no-repeat center center
}
#mapa a span {
	display: none;
}
#sobre {
	right: 0;
	position: absolute;
	background: url(/imagenes/sobre.gif) no-repeat center center;
}
#sobre a {
	display: block;
	width: 2.4em;
	height: 1.6em;
}
#sobre a:hover {
	background: url(/imagenes/sobrehover.gif) no-repeat center center
}
#sobre a span {
	display: none;
}


#submenu {
	padding-left: 20%;
	min-height: 2.3em;
	background: #a03a36 url(/imagenes/submenu.gif) repeat-x;
	width: 80%;
}
#submenu li {
	float: left;
	font-size: 0.65em;
	margin: 1em;
	list-style: none;
}
#submenu li a {
/*	min-width: 1em;	*/
	height: 1.5em;
	display: block;
	color: #FFFFFF;
}
#submenu li a:hover {
	border-bottom: solid #FFFFFF 0.1em;
}
#submenu li a.activo {
	border-bottom: solid #FFFFFF 0.2em;
}


#columna1 {
	float: left;
	width: 22%;
	clear: both;
	text-align: center;
}
#columna1 object, #columna1 img {
	margin: 1.3em auto;
}
#columna2 {
	float: left;
	width: 78%;
/*	margin-left: 22%;
*/}


#contenido {
	padding: 2em;
}
#contenido li {
	list-style: circle;
	margin-left: 3em;
	padding: 0.4em 0;
}
#presentacion {
	width: 33.8em;
	height: 7.8em;
	margin: 0 0 1.5em 0;
	position: relative;
}

.negrita {
	font-weight: bold;
}
.relativo {
	clear: both;
	position: relative;
	height: 1em;
	margin-top: 1.5em;
}
.relativo a {
	position: absolute;
	right: 0;
	font-size: 95%;
}
.atras {
	background: url(/imagenes/volver.gif) no-repeat left center;
	padding-left: 1.25em;
}
.atras:hover {
	background: url(/imagenes/volver_hover.gif) no-repeat left center;
/*	padding-left: 1.25em;*/
}
.boton {
	clear: both;
	display: block;
	margin: 5em 20em;
	width: auto;
	padding: 0.1em 0.3em;
}


/***************Nuestros clientes****************/
#clientes {
	margin-top: 2em;
}
#clientes img {
	margin: 1.5em 1.3em;
}
#clientes a img {
	border: none;
	opacity: 1;
}
#clientes a:hover img {
	opacity: 0.6;
}



/***************Botones Empresas****************/
.empresasGrupo {
	margin-bottom: 3em;
	width: 100%;   /*35em con enlaces activos*/
	height: 2.6em;
	position: relative;
	border: none;
	
	font-size: 90%;
	font-weight: bold;
}
.empresasGrupo h3 {
	display: none;
}
.empresasGrupo a, .empresasGrupo span {	/*Cuando en inet sean enlaces sobra el span*/
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 2.6em;
	position: absolute;
	top: 2em;
}
.empresasGrupo img {
	right: 1em;
	position: absolute;
	border: none;
}
#empresasBaes a, #empresasBaes span {
	color: #A0A2A0;
}
#empresasBaes a:hover {
	border-right: solid #A0A2A0 1em;
}
#empresasHenav a, #empresasHenav span {
	color: #11588A;
}
#empresasHenav a:hover {
	border-right: solid #11588A 1em;
}
#empresasMSI a, #empresasMSI span {
	color: #BCA61B;
}
#empresasMSI a:hover {
	border-right: solid #BCA61B 1em;
}
#empresasSerlog a, #empresasSerlog span {
	color: #046676;
}
#empresasSerlog a:hover {
	border-right: solid #046676 1em;
}
#empresasTancelu a, #empresasTancelu span {
	color: #919408;
}
#empresasTancelu a:hover {
	border-right: solid #919408 1em;
}
#empresasTEA a, #empresasTEA span {
	color: #D2301B;	/*#921525;*/
}
#empresasTEA a:hover {
	border-right: solid #D2301B 1em;
}

/***************Definicion de Empresas****************/
.empresa {
	overflow: auto;
	position: relative;
	padding-bottom: 1em;
}
.empresaCabecera {
	margin: 0.5em 0;
}
.empresaCabecera div {
	margin: 0 0 2em 14em;
	text-align: right;
}
.empresaCabecera h2 {
	height: 5em;
	width: 12em;
	float: left;
}
.empresaCabecera h2 span {
	display: none;
}
.empresaTexto {
	width: 50%;
	float: left;
	margin: 0;
}
.empresa ul {
	font-size: 100%;
}
.empresa ul ul {
	font-size: 130%;
}
.empresa address {
	color: #999999;
	padding: 21em 0 0 0;
	font-size: 80%;
	text-align: right;
	margin: 0 0 1.5em 0;
	/*float: left;*/
}
.empresa .arriba {
	position: absolute;
	bottom: 0.5em;
	right: 0;
	font-size: 70%;
}
.arriba {
	background: url(/imagenes/arriba.gif) no-repeat left center;
	padding-left: 1.25em;
}
.arriba:hover {
	background: url(/imagenes/arriba_hover.gif) no-repeat left center;
}
#empresaSerlog21 {
	border-top: #01697a 1em solid;
	border-bottom: #01697a 0.1em solid;
}
#empresaSerlog21 h2 {
	background: url(/imagenes/empresasGrupo/cabecera_serlog.gif) center center no-repeat;
}
#empresaSerlog21 .empresaCabecera h3 {
	color: #01697a;
	text-align: left;
}
#empresaSerlog21 address {
	background: url(/imagenes/empresasGrupo/foto_serlog21.jpg) top right no-repeat;
}
#empresaSerlog21 .arriba {
	color: #01697a;
}
#empresaHenav {
	border-top: #11588A 1em solid;
	border-bottom: #11588A 0.1em solid;
}
#empresaHenav h2 {
	background: url(/imagenes/empresasGrupo/cabecera_henav.gif) center center no-repeat;
}
#empresaHenav .empresaCabecera h3 {
	color: #11588A;
	text-align: left;
}
#empresaHenav address {
	background: url(/imagenes/empresasGrupo/foto_henav.jpg) top right no-repeat;
}
#empresaHenav .arriba {
	color: #11588A;
}
#empresaMSI {
	border-top: #BCA61B 1em solid;
	border-bottom: #BCA61B 0.1em solid;
}
#empresaMSI h2 {
	background: url(/imagenes/empresasGrupo/cabecera_msi.gif) center center no-repeat;
}
#empresaMSI .empresaCabecera h3 {
	color: #BCA61B;
	text-align: left;
}
#empresaMSI address {
	background: url(/imagenes/empresasGrupo/foto_MSI.jpg) top right no-repeat;
}
#empresaMSI .arriba {
	color: #BCA61B;
}
#empresaBaes {
	border-top: #a1a3a0 1em solid;
	border-bottom: #a1a3a0 0.1em solid;
}
#empresaBaes h2 {
	background: url(/imagenes/empresasGrupo/cabecera_baes.gif) center center no-repeat;
}
#empresaBaes .empresaCabecera h3 {
	color: #a1a3a0;
	text-align: left;
}
#empresaBaes address {
	background: url(/imagenes/empresasGrupo/foto_BAES.jpg) top right no-repeat;
}
#empresaBaes .arriba {
	color: #a1a3a0;
}
#empresaTea {
	border-top: #d2301b 1em solid;
	border-bottom: #d2301b 0.1em solid;
}
#empresaTea h2 {
	background: url(/imagenes/empresasGrupo/cabecera_tea.gif) center center no-repeat;
}
#empresaTea .empresaCabecera h3 {
	color: #d2301b;
	text-align: left;
}
#empresaTea address {
	background: url(/imagenes/empresasGrupo/foto_TEA.jpg) top right no-repeat;
}
#empresaTea .arriba {
	color: #d2301b;
}
#empresaTancelu {
	border-top: #919408 1em solid;
	border-bottom: #919408 0.1em solid;
}
#empresaTancelu h2 {
	background: url(/imagenes/empresasGrupo/cabecera_tancelu.gif) center center no-repeat;
}
#empresaTancelu .empresaCabecera h3 {
	color: #919408;
	text-align: left;
}
#empresaTancelu address {
	background: url(/imagenes/empresasGrupo/foto_tancelu.jpg) top right no-repeat;
}
#empresaTancelu .arriba {
	color: #919408;
}



/*-----------------proyectos-----------*/
.proyectosGrupo {
	display: block;
	width: 36em;
	height: 4.2em;
	position: relative;
	margin: 1em 0.1em;
}
.proyectosGrupo h3 {
	color: #999999;
	position: absolute;
	left: 1.5em;
	top: 0.5em;
	font-size: 80%;
}
#proyectoCalidad {
	background: url(/imagenes/proyectosGrupo/calidad.jpg) no-repeat center center;
}
#proyectoLogistica {
	background: url(/imagenes/proyectosGrupo/logistica.jpg) no-repeat center center;
}
#proyectoRRHH {
	background: url(/imagenes/proyectosGrupo/RRHH.jpg) no-repeat center center;
}
#proyectoInstalaciones {
	background: url(/imagenes/proyectosGrupo/disenyo.jpg) no-repeat center center;
}
#proyectoMecanizados {
	background: url(/imagenes/proyectosGrupo/mecanizado.jpg) no-repeat center center;
}
#proyectoFrio {
	background: url(/imagenes/proyectosGrupo/frio_industrial.jpg) no-repeat center center;
}
#proyectoInternet {
	background: url(/imagenes/proyectosGrupo/internet.jpg) no-repeat center center;
}
.proyectosImagenes {
	overflow: auto;
}
#proyectoImagenes {
	width: 9em;
	float: left;
}
#proyectoImagenes .thumbnail {
	float: none;
	margin: 1em 1em 1.5em 0em;
}
#proyecto {
	float: left;
	width: 25.8em;
	padding: 1em 0em 0em 1.5em;
	border-left: #999999 solid 0.1em;
}
#proyecto img {
	border: solid #999999 0.1em;
	padding: 0.5em;
}
#navegador .activo {
	color: #921525;
}
#navegador {
	text-align: right;
	margin-top: 1em;
	font-size: 80%;
}
.thumbnail {
	margin: 0 0.5em;
	float: left;
	width: 8em;
}
.thumbnail a {
	display: block;
}
.thumbnail a:hover img {
	border: solid 0.1em #990000;
}
.thumbnail img {
	border: solid 0.1em #999999;
	padding: 0.3em;
}
.thumbnail p {
	font-size: 72%;
	text-align: center;
}
.thumbnail .activo {
	color: #921525;
}
.thumbnail .activo img {
	border: solid #921525 0.1em;
}	



/***	AREA CLIENTES	***/
#contactanos .boton {
	margin: 3em 33em;
}
.privacidad {
	font-size: 80%;
}
form .info {
	font-size: 75%;
	color: #555555;
	line-height: 1.5em;
}
#areaClientes {
	background: url(/imagenes/pda2.jpg) no-repeat bottom left;
	border: solid #C6940D 0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	width: 28em;
	height: 9.9em;
	margin: 3em auto;
	padding: 2em;
}
#areaClientes div {
	clear: both;
}
#user {
/*	background: url(/imagenes/user.gif) no-repeat left center;*/
	padding: 0.75em 0em 0em 10em;
	display: block;
	height: 1.8em;
	width: 8em;
	float: left;
}
#password {
/*	background: url(/imagenes/password.gif) no-repeat left center;*/
	padding: 0.75em 0em 0em 10em;
	display: block;
	height: 1.8em;
	width: 8em;
	float: left;
	margin-top: 1em;
}
#usuario {
	float: left;
	width: 10em;
	display: block;
	margin-top: 0.5em;
}
#clave {
	float: left;
	width: 10em;
	display: block;
	margin-top: 1.5em;
}


/*** LOCALIZACION ***/
.map {
	border: solid #921525 0.25em;
	margin: 1em auto;
}
.map span {
	display: none;
}
#mapTea p {
	color: #00CCCC;
	margin: o;
}
#mapTea  {
	margin: 0;
	float: left;
	width: 	35em;		/*32em	425px	*/
	height: 26em;		/*350px*/	
}
#mapSerlog {
	float: left;
	width: 	17em;		/*32em	425px	*/
	height: 13em;		/*	350px*/	
}
#mapBaes  {
	float: left;
	width: 	17em;	/*	32em	425px	*/
	height: 13em;		/*350px	*/
	margin-left: 1em;
}
.sede {
	float: left;
	display: block;
	width: 33%;
}
.sede address {
	font-size: 80%;
	margin: 1em 0.5em 4em 0.5em;
}


/**** Otras paginas	*****/
#contenidoLegal {
	font-size: 0.85em;
}
#contenidoLegal a {
	color: #921525;
}
#contenidoLegal a:hover {
	color: #666666;
}
#contenidoLegal p {
	font-size: 0.9em;
}
#contenidoLegal li {
	font-size: 0.9em;
}
#contenidoLegal ul {
	font-size: 1em;
}



#error404 {
	border: solid #921525 0.1em;
	width: 30em;
	height: 10em;
	color: #666666;
	padding: 1em;
	margin: 2em auto 1em auto;
	background: url(/imagenes/chinorris.jpg) no-repeat left bottom;
}
#error404 div {
	margin: 0.5em 0em 0.5em 11.5em;
	background: url(/imagenes/atencion.gif) no-repeat center top;
	padding-top: 5em;	
}
#cse-search-box {
	margin: 3em auto 3em auto;
	width: 15.4em;
}
#cse-search-box input {
	width: 13em;
}
#cse-search-box .lupa {
	margin-left: 0.75em;
	width: 1.6em;
	vertical-align: middle;
}



#mapaWeb {
	background: url(/imagenes/mapa_sitio.jpg) no-repeat center center;
	width: 33.8em;
	height: 7.8em;
	margin: 0em 0.5em 1.5em 0.25em;
	position: relative;
}
#mapaWeb h2 {
	margin: 0em;
	font-size: 0.7em;
	position: absolute;
	right: 2.25em;
	top: 6.5em;
}
#mapaWeb h2 span {
	color: #FFFFFF;
}
#mapaWeb h2 span.puntoCom {
	color: #BF8F15;
}
#listaWeb h3 {
	display: inline;
	font-size: 1.15em;
}
#listaWeb li {
	list-style: none;
	font-size: 0.8em;
}
#listaWeb li a {
/*	font-size: 1.5em;
*/}
#listaWeb li ul li {
	list-style-image: url(/imagenes/list_style.gif);
	font-size: 1em;
}
#listaWeb li ul li ul li {
	list-style-image: url(/imagenes/list_style2.gif);
}
#listaWeb li ul li ul li ul li {
	list-style-image: url(/imagenes/list_style3.gif);
}

/***	PIE		***/
#pie {
	background: #a03a36 url(/imagenes/pie/pie.gif) repeat-x;
	width: 65em;
	min-height: 5.5em;
	font-size: 80%;
	color: #FFFFFF;
	margin: 0em auto;
	text-align: center;
	overflow: auto;
}


#pie ul { 
	width: 97%;
	padding: 0.4em 0em;
}
#pie li { 
	list-style: none;
	display: inline;
	margin: 0em 1.5em;
}
#pie a {
	color: #FFFFFF;
}
#pie a:hover {
	color: #FFFFFF;
	border-bottom: solid 0.1em #FFFFFF;
	padding-bottom: 0.1em;
}
#pie a img {
	border: none;
	vertical-align: middle;
}
#pie a:hover img {
	text-decoration: none;
}

#sitios {
	line-height: 3em;
	height: 3em;
	width: 80%;
	margin: 0 auto;
}
#sitios li {
	float: left;
}
#sitios span {
	float: left;
}
#gt {
	background: url(/imagenes/pie/gtPie.gif) no-repeat center right;
	display: block;
	height: 2.7em;
	width: 5.4em;
	padding-left: 1em;
}
#gt span {
	display: none;
}