/*
  Global White Space Reset
  http://leftjustified.net/journal/2004/10/19/global-ws-reset/

  BEGIN
*/

* {
  padding:0;
  margin:0;
  font-family: sans-serif;
  font-size: 1em;
  text-decoration: none;
}

body {
  background-color:#000;
  margin:0.5em 0;
}

p {
  margin:0.2em 0;
  padding:0.5em;
}

li { list-style:none}

a:hover {
  text-decoration:underline;
}

.error, #transmision p.error {
  text-align:center;
  color:red;
  font-weight:bold;
  background-color:lightyellow;
  padding:0.2em;
  margin:0.5em;
  display:block;
  border: 1px solid coral;
}

#container {
  width:800px;
  height:510px;
  margin:0 auto;
  background-color:#fff;
}

#main {
  background:#000 url(../img/fondobig.jpg);
  height:27em;
}

#empresa #main {
  background:#000 url(../img/empresa.jpg);
}

#main dt {
  font-size:3em;
  float:left;
  width:5em;
  font-family:impact,arial,sans-serif;
  color:yellow;
  margin:0.15em 0.15em;
}

#main dd{
  float:right;
  width:29.5em;
  height:26em;
  margin:0.5em 0.4em 0.8em 0.5em;
  background-color:#fff;
  opacity: .8;
  border:1px solid royalblue;
  border-left:7px solid royalblue;
}

#main #datosleg {
  opacity: .8;
  float:left;
  width:18em;
  height:7.8em;
  margin:14.05em 0 0 0.5em;
  text-align:center;
}


/****************************************************************************
**  HEADER
****************************************************************************/

#header {
  height:5em;
  background:#222321 url(../img/header.png) repeat-x;
}

#header h1 {
  background:transparent url(../img/logo.png) 0.5em 0.3em no-repeat;
  overflow:hidden;
  height:5em;
  padding-top:5em;
  /* WIN IE5 hack */
  voice-family: "\"}\"";voice-family:inherit;
  height: 0;
  float:left;
  width:22em;
}

#header h3 {
  float:left;
  color:yellow;
  margin-top:1.8em;
  margin-left:3.4em;
}

#header ul {
  float:right;
  margin-top:1.8em;
}

#header ul li{
  list-style:none;
  display:inline;
  padding:0 0.3em;
}

#header ul a {
  color:#fff;
  font-family:impact,arial,sans-serif;
  font-size:0.9em;
}

/****************************************************************************
**  FOOTER
****************************************************************************/

#footer {
  background:#222321 url(../img/footer.png) repeat-x;
  height:4.6em;
}

#footer #menu {
  text-align:center;
  padding-top:0.4em;
  clear:both;
}

#footer #menu li{
  list-style:none;
  display:inline;
  padding:0 2em;
}

#footer #menu a {
  color:yellow;
  font-family:impact,arial,sans-serif;
  font-size:1.2em;
}

#footer #menu li span {
  float:left;
  font-family:arial;
  font-size:0.5em;
  margin-left:-2.8em;
  margin-top:2em;
  position:absolute;
}

#footer #cr {
  text-align:center;
  margin-top:1.3em;
  font-size:0.8em;
}

#footer #cr li{
  list-style:none;
  display:inline;
  color:#fff;
}

#footer #cr a {
  color:#fff;
  font-family:arial,sans-serif;
}

/****************************************************************************
**  PORTADA
****************************************************************************/
#portada #footer #menu {
  padding-top:0.8em;
}

#portada h4 {
  font-size:2.2em;
  color:yellow;
  width:11em;
  float:left;
  text-align:right;
  margin:6.5em 0 0 11.5em;
  dmargin:0em 0 0 11.5em;
}

/****************************************************************************
**  EMPRESA
****************************************************************************/

#empresa dd, #productos dd, #legal dd {
  overflow:auto;
}

#empresa dd p, #productos dd p {
  font-size:0.9em;
  font-family:"Trebuchet MS";
  text-align:justify;
  line-height:1.1em;
}

#empresa img, #productos img {
  padding-top:0.5em;
  display:block;
  margin:0 auto;
}

#empresa #main #datosleg{
  margin-top:9.4em;
  height:12.5em;
  opacity:1;
}

/****************************************************************************
**  CONTACTO
****************************************************************************/

#contacto form {
  margin:1em 0.5em 0;
  width:28.8em;
  background-color:#fff;
  text-align:center;
}

#contacto fieldset {
  text-align:left;
}

#contacto label {
  padding:0.3em;
  display:block;
  width:28em;
  color:blue;
}

#contacto .inputT {
  display:block;
  width:15em;
  background-color:lightyellow;
  border: 1px solid #999;
}

#contacto textarea {
  width:27.9em;
  height:9em;
  background-color:lightyellow;
  border: 1px solid #999;
}

#contacto #enviar {
  margin-top:0.5em;
}

#datosleg strong {
  display:block;
  margin-bottom:0.2em;
}

#datosleg .motor td {
  white-space:normal;
}

/****************************************************************************
**  LEGAL
****************************************************************************/

#legal #main p{
  font-weight:normal;
  margin:0;
  padding:0.25em 0.5em;
}

#legal #main h4{
  padding-left:0.5em;
  color:blue;
}

#legal #main #datosleg{
  margin-top:10.32em;
}

#legal #main #datosleg strong, #contacto #main #datosleg strong {
  padding-top:0.45em;
}

#legal #main #datosleg p, #contacto #main #datosleg p {
  font-size:0.85em;
}

/****************************************************************************
**  CATALOGO
****************************************************************************/

#catalogo #main dd{
  overflow:auto;
}

#catalogo form {
  font-size:0.9em;
  text-align:center;
}

#catalogo .inputT {
  background-color:lightyellow;
  border:1px solid #999;
}

#catalogo select {
  background-color:lightyellow;
  width:8.7em;
}

#catalogo fieldset {
  margin:0em 0.5em 0 0.5em;
  padding:1em 0 0.3em;
}

#catalogo legend {
  font-weight:bold;
  margin-bottom:0.5em;
}

#catalogo #submit1, #catalogo #submit2, #catalogo #submit3, #catalogo #submit4,#catalogo #submit5 {
  height:1.5em;
  width:5em;
}

#catalogo form br {
  line-height:0.5em;
}

#catalogo span {
  color:#f00;
  font-weight:bold;
  font-size:1.2em;
}

#catalogo #referencia, #catalogo #refid {
  width:8em;
}

#catalogo #longitud {
  width:2em;
}

#catalogo #masmenos {
  width:3em;
}

#catalogo #estriasInt, #catalogo #estriasExt{
  width:2em;
}

#catalogo #estriasMang, #catalogo #estriasNuc, #catalogo #estriasABS, #catalogo #dimApoyo, #catalogo #dimMax{
  width:2em;
}

#catalogo .motor {
  font-size:0.8em;
}

#catalogo p {
  font-size:0.8em;
  text-align:center;
  color:darkgreen;
  padding:0.3em;
}

#catalogo em {
  color:blue;
}

.motor {
  margin:0.8em auto 0.5em;
  width:93.5%;
  border: 1px solid #aaf;
  font-size:0.75em;
}

.motor caption {
  font-weight:bold;
  padding-bottom:0.5em;
}

.motor th {
  font-weight:normal;
  background-color:#55f;
  color:#fff;
  font-weight:bold;
  padding:0.1em;
}

.motor td {
  padding:0.15em;
  text-align:center;
  white-space:nowrap;
}

.motor .even {
  background-color:#ddf;
}

.motor a:hover {
  text-decoration:underline;
}

.motor.junta{
  width:94%;
}

td.num {
text-align:right;
}

td.val {
text-align:left;
}

/****************************************************************************
**  VEHICULO
****************************************************************************/

#transmision #main dd{
  overflow:auto;
}

#transmision .motor {
  margin-top:0.4em;
  clear:both;
}

#transmision h3 {
  text-align:center;
  font-size:1.1em;
  color:#00f;
  margin:0.3em auto;
}

#transmision p {
  text-align:center;
  font-size:0.8em;
  margin:0 auto 0.5em;
  padding:0;
  color:#555;
}

#transmision #notas {
  background-color:lightyellow;
  padding:0.2em;
  margin:0.5em auto 0.1em auto;
  border: 1px solid #aaf;
  text-align:left;
  font-weight:normal;
  width:33.9em;
}

#fotos {
  text-align:center;
  margin-left:0.3em;
}

#fotos p {
  text-align:center;
  float:left;
  width:225px;
  margin:0;
}

#fotos {
  width:98%;
  overflow:show;
}

#fotos object, #fotos embed {
  margin:0.8em 0.1em 0 0.1em;
}