/*--------------------- BODY ---------------------*/
html,
body {
	height: 100%;
}
body {
	background:url(../images/bg-body.gif) repeat-x top left #FFF;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:0;
	padding:0;
	text-align:center;
}

/*--------------------- HTML ---------------------*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet portion is licensed under a Creative Commons License. */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
ul,ol {list-style:none}
/* // (CC) 2004 Tantek Celik. // */

/*------ Semantica ------*/
h1 {
	color:#0099D5;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:.4em;
}
h2 {
	color:#EAAF00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.65em;
	font-weight:bold;
	font-style:italic;
	margin:1.2em 0 .5em 0;
}
p {
	line-height:1.7em;
	margin-bottom:1.5em;
}
#contenido ol, 
#contenido ul {
	margin:.5em 0 1.3em 0;
}
#contenido li {
	background:url(../images/bullet-01.gif) no-repeat left .6em;
	line-height:1.5em;
	margin:0 1em .4em 0;
	padding-left:1em;
}
#contenido ol li {
	background:none;
	list-style:decimal;
	margin-left:1.7em;
	padding-left:0;
}
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#0099D5;
	text-decoration:none;
}
img,
a img {
	border:none;
}
abbr, acronym {
	border-bottom:1px dashed;
	cursor:help;
}
a abbr, a acronym {
	cursor:pointer;
}
em {}

/*------ Formularios ------*/
form {
	margin:0;
}
#contenido form li {
	background:none;
	margin:0 0 .8em 0;
	padding:0;
}
label {
	display:block;
	float:left;
	width:8em;
}
li input,
textarea {
	border:1px solid #A9A9A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:.1em .3em;
	width:17em;
}
textarea {
	height:7em;
	width:27em;
}
li input:hover,
textarea:hover {
	border:1px solid #CCC;
}
li input:focus,
textarea:focus {
	background:#F8F8F8;
	border:1px solid #CCC;
}
.boton input {
	background:url(../images/bg-boton-input.gif) no-repeat center center;
	border:none;
	color:#FFF;
	font-size:.95em;
	font-weight:bold;
	height:2.5em;
	margin:0 0 0 17em;
	width:6em;
}
.boton input:hover {
	cursor:pointer;
	color:#CCC;
}
/* Feedback */
form li.error label {
	color:#D5001D;
	font-weight:bold;
}
form li.error input,
form li.error textarea {
	border:1px solid #D5001D;
}
#feedback #error {
	background:#CC0000;
	color:#FFF;
	padding:.5em 1em .7em 1em;
}
#feedback #error strong {
	font-weight:normal;
}
#feedback #ok {
	background:#236f03;
	color:#FFF;
	padding:.5em 1em;
}
#feedback #ok strong {
	font-weight:normal;
}


/*------ Tablas ------*/
table {
  border-collapse:collapse; /* Para quitar el padding de las celdas */
  border-spacing:0;
  width:99%;
}
caption, th, td {}

/*--------------------- ESTRUCTURA ---------------------*/
#fondo {
	background:url(../images/bg-fondo.gif) repeat-x top right;
	height:14.5em;
	position:absolute;
	right:0;
	width:50%;
}
#contenedor {
	min-height: 100%;
}
/*------ Cabecera ------*/
#cabecera {
	background:url(../images/bg-cabecera.jpg) no-repeat 3em 0;
	height:21.3em;
	margin:0 auto 0 auto;
	position:relative;
	text-align:left;
	width:77.85em;
}
/* Logo */
#cabecera #flash {
	left:3.7em;
	position:absolute;
}
/* Logo */
#cabecera #logo {
	position:absolute;
	top:1.7em;
}
/* Contacto */
#cabecera #contacto {
	background:#000;
	font-size:.85em;
	padding:.9em 1.3em;
	position:absolute;
	right:2.5em;	
	top:0;
}
#cabecera #contacto a {
	color:#FFF;
	text-decoration:none;
}
#cabecera #contacto a:hover {
	color:#0099D7;
}

#cabecera #intranet {
	background:#000;
	font-size:.85em;
	padding:.9em 3.7em;
	position:absolute;
	right:2.5em;	
	top:3em;
}
#cabecera #intranet a {
	color:#FFF;
	text-decoration:none;
}
#cabecera #intranet a:hover {
	color:#0099D7;
}
/* Menu */
#menu {
	font-size:1.4em;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	left:7.7em;
	text-transform:uppercase;
	position:absolute;
	top:8.8em;
	z-index:1;
}
#menu a {
	color:#000;
	text-decoration:none;
}
#menu a:hover {
	color:#0099D5;
}
#menu li {
	background:#FFF;
	border:1px solid #A8A8A8;
	color:#0099D5;
	float:left;
	letter-spacing: -.07em;
	font-weight:bold;
	line-height:1em;
	margin-right:.7em;
	padding:.5em .8em 4.2em .8em;
	width:13.3em;
}
#menu li.automotive {
	background:url(../images/bg-menu-automotive.jpg) no-repeat center 2em #FFF;
}
#menu li.stamping {
	background:url(../images/bg-menu-stamping.jpg) no-repeat center 2em #FFF;
}
#menu li.company {
	background:url(../images/bg-menu-company.jpg) no-repeat center 2em #FFF;
}
#menu li:hover,
#menu li.over {
	padding-bottom:.2em;
}
#menu li:hover a,
#menu li.over a {
	color:#0099D5;
}
#menu li li,
#menu li.automotive li li {
	background:url(../images/bullet-02.gif) no-repeat center left #FFF;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	float:none;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1em;
	margin:0 0 1.2em 0;
	padding:0 0 0 .6em;
	text-transform:none;
	width:auto;
}
#menu li ul {
	display:none;
}
#menu li:hover ul,
#menu li.over ul {
	display:block;
	margin-top:4.5em;
}
#menu li li:hover,
#menu li li.over {
	padding-bottom:0;
}
#menu li:hover li a,
#menu li.over li a {
	color:#000;
}
#menu li li a:hover,
#menu li li a:hover {
	color:#0099D5;
}

/*------ Contenido ------*/
#contenido {
	margin:0 auto;
	padding:0 2em 0 11em;
	text-align:left;
	width:64.85em;
}
/*------ Ruta ------*/
#ruta {
	margin:0 auto 1em auto;
	padding:0 2em 0 11em;
	text-align:left;
	width:64.85em;
}
#ruta ul {
	border-bottom:1px solid #A8A8A8;
	padding-bottom:.7em;
}
#ruta li {
	background:url(../images/bullet-02.gif) no-repeat center left;
	display: inline;
	padding:0 .6em;
}
/*------ Submenu ------*/
#submenu {
	background:#F3F3F3;
	float:left;
	padding:1.5em .5em .5em .5em;
	width:14.3em;
}
#submenu li {
	background:none;
}
#submenu li a,
#submenu li li strong {
	background:url(../images/bullet-submenu-li.gif) no-repeat left .55em;
	border-bottom:1px solid #D0D0D0;
	color:#0099D5;
	display:block;
	margin-bottom:.7em;
	padding-left:.7em;
	text-decoration:none;
}
#submenu li.mb strong,
#submenu li.mb a {
	border:none;
}
#submenu li a:hover {
	color:#000;
}
#submenu li li {
	padding-left:0;
}
#submenu li li strong,
#submenu li li a {
	border-bottom:none;
	color:#000;
	margin-bottom:0;
	text-decoration:none;
}
#submenu li li a:hover {
	color:#0099D5;
}
/* Our compnay */
#submenuOC {
	background:#F3F3F3;
	float:left;
	padding:1.5em .5em .7em .5em;
	width:14.3em;
}
#submenuOC li {
	background:none;
	padding-left:.5em;
}
#submenuOC li strong,
#submenuOC li a {
	background:url(../images/bullet-submenu-li.gif) no-repeat left .55em;
	border-bottom:none;
	color:#000;
	display:block;
	margin-bottom:.7em;
	padding-left:.7em;
	text-decoration:none;
}
#submenuOC li a:hover {
	color:#0099D5;
}

/*------ Texto ------*/
#texto {
	border-left:1px solid #CCC;
	float:left;
	margin:.5em 0 0 1.5em;
	padding-left:2em;
	width:45.5em;	
}
/*------ Pie ------*/
#pie {
	background:url(../images/bg-pie.gif) repeat-x;
	height:6.4em;
	margin: -6.4em auto 0 auto;
	text-align:left;
	position:relative;
}
#clearfooter {
	clear:both;
	height: 9.4em;
}
#pie #cont1 {
	margin:0 auto;
	width:63em;
}
#pie #cont2 {
	background:url(../images/bg-pie.jpg) no-repeat left top;
	position:absolute;
	height:6.4em;
	top:0;
	margin-left:3.5em;
	width:66.5em;
}
#fondoPie {
	background:#FFF;
	position:absolute;
	width:50%;
	left:0;
	top:0;
	height:6.4em;
}
#pie p {
	margin-bottom:0;
}
#pie strong {
	color:#0099D5;
	display:block;
	margin-top:.5em;
}
#pie .enlaces {
	background:#FCFCFC;
	display:inline;
	line-height:1em;
	padding:.1em .3em;
	position:absolute;
	right:1.5em;
	top:1em;
}
#pie .enlaces a {
	padding-right:.3em;
	text-decoration:none;
}
/*--------------------- CLASES GENERALES ---------------------*/
.ayudaAcces { /* Texto oculto para lectores de pantalla */
	position:absolute;
	left:-10000px;
	top:-10000px;
	font-size:.1em;
	line-height:1%;
}
.clear {
	clear:both;
}
.nota {
	background:#FDFDCC none repeat scroll 0%;
	border:1px solid #F2F2F2;
	padding:1em 2em;
}
.paginacion {
	background:#F6F6F6;
	border-top:1px dotted #C7C7C7;
	border-bottom:1px dotted #C7C7C7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.05em;
	height:3em;
	margin:2em 0;
	text-align:center;
}
.paginacion ul {
	margin:0;
	padding-top:.1em;
}
#contenido .paginacion li {
	background:none;
	color:#CCC;
	display:inline;
	margin:0;
}
#contenido .paginacion li strong {
	color:#0099D5;
}
#contenido .paginacion li a {
	color:#2A2A2A;
}
#contenido .paginacion li a:hover {
	color:#0099D5;
}
#contenido .paginacion li.primero {
	background:url(../images/bullet-paginacion-primero.gif) no-repeat left .3em;
	padding:0 1.85em;
}
#contenido .paginacion li.anterior {
	background:url(../images/bullet-paginacion-anterior.gif) no-repeat left .3em;
	padding:0 1.65em;
}
#contenido .paginacion li.siguiente {
	background:url(../images/bullet-paginacion-siguiente.gif) no-repeat right .3em;
	padding:0 1.75em 0 2.5em;
}
#contenido .paginacion li.ultimo {
	background:url(../images/bullet-paginacion-ultimo.gif) no-repeat right .3em;
	padding:0 1.9em 0 2.5em;
}
.subtitulo {
	font-size:1.7em;
	font-style:italic;
	font-weight:bold;
	margin:-1.1em 0 .5em 8em;
}
#contenido .imagenes li {
	background:none;
	float:left;
	line-height:0;
	margin:0 .5em .5em 0;
	padding:0;
}
#contenido .imagenes li.ultimo {
	margin:0;
}