@charset "UTF-8";

html, body
  {
    margin: 0em;
    padding: 0em;
  }

body
  {
    font-size: 8pt;
    font-family: sans-serif;
    text-align: center;
    color: white;
    background-color: #200;
  }

div.fi
  { background: transparent url("../image/fondo-izq-o.jpg") no-repeat top left; }

div.fd
  { background: transparent url("../image/fondo-drch-o.jpg") no-repeat top right; }

#center
  {
    margin: 0em auto;
    padding: 1em;
    width: 62em;
    color: black;
    background: white url("../image/talleres-durben-small.jpg") no-repeat 2.3em 2em;
  }

#central-square
  {
    margin: 6em auto;
    margin-top: 6em; /* Quitar cuando ponga secciones esquina superior derecha*/
    padding: 0em;
    width: 49em;
  }

#access-nav, #access-nav a
  {
    text-align: right;
    color: #bbb;
    text-decoration: none;
  }

#access-nav a:hover, #access-nav a.active
  { color: black; }

#menu
  {
    margin: 0em;
    padding: 0em;
    text-align: center;
    list-style: none;
    background-color: white;
  }

#menu li
  {
    float: left;
    margin: 0em 0.6em;
    font-weight: normal;
    color: #b2b2b2;
    background-color: white;
    border-bottom: 0.1em solid #721a26;
    text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: -0.1em;
  }

#menu img
  { width: 12em; }

#menu li a
  {
    text-decoration: none;
    color: #b2b2b2;
    background-color: white;

  }

#menu li.active a, #menu li a:hover
  {
    color: #721a26;
    background-color: white;

  }

#menu li img
  { border: 0.2em solid black; }

#menu li.active a img, #menu li a:hover img
  { border-color: #721a26; }

#menu li span
  {
    display: block;
    padding: 0.5em 0em;
  }

div.dinamic-block
  {
    clear: both;
    padding-top: 3em;
  }

#content
  {
    text-align: center;
    margin: auto;
    padding-top: 4em;
    width: 28em;
   }

#content h1
  {
    text-align: left;
    font-size: 1.2em;
  }

#content p
  { text-align: justify; }

#content ul
  {
    text-align: left;
  }

#content a
  {
    color: #666;
    text-decoration: none;
  }

#content a:hover, #content a:visited
  { color: black; }

#quality
  {
    text-align: center;
    margin: auto;
    padding-top: 4em;
    width: 36em;
   }

#quality img.certificate
  {
    margin: 0.5em;
    border: 0.2em solid black;
    width: 10em;
  }

#contact
  { text-align: right; }

#contact div.direction
  {
    float: left;
    width: 12.5em;
  }
#contact h1
  {
    font-size: 1em;
    text-transform: uppercase;
    color: #721a26;
    background-color: white;
  }

#contact address
  { font-style: normal; }

#contact address a
  {
    text-decoration: none;
    color: black;
    background-color: white;
  }

#map
  {
    margin-left: 13.5em;
    width: 35em;
    height: 24em;
  }

#product-menu
  {
    float: left;
    padding-top: 2em;
    width: 13.8em;
    text-align: left;
  }

#product-menu div.esi
  {
    background: #721a26 url("../image/esi.gif") no-repeat top left;
    color: white;
    font-weight: bold;
  }

#product-menu div.esd
  { background: transparent url("../image/esd.gif") no-repeat top right; }

#product-menu div.eii
  {	background: transparent url("../image/eii.gif") no-repeat bottom left; }

#product-menu div.eid
  {
    padding: 0.3em 0.8em;
    background: transparent url("../image/eid.gif") no-repeat bottom right;
  }

#product-menu div.eid a
  {
    color: white;
	text-decoration: none;
	background-color: #721a26;
   }

#product-menu ul
  {
    margin: 0em 0.4em;
    padding: 0.5em 0em;
    list-style: none;
  }

#product-menu ul.look
  { border-bottom: 0.1em solid #721a26; }

#product-menu li a
  {
    display: block;
	padding: 0.3em 0.5em;
    text-decoration: none;
    color: #666;
    background-color: white;
  }

#product-menu li a:hover, #product-menu li.active a
  {
    color: #721a26;
    background-color: #ddd;
  }

#product-content
  {
    margin-left: 13.8em;
    padding: 2em 3em;
  }

#product-content div.ini
  {
    margin: 2em auto;
    width: 27.5em;
  }

#product-content div.bg1, #product-content div.bg2
  {
    float: left;
    /* display: inline;*/
    margin: 0.4em;
    padding: 0.4em;
    width: 12em;
/*    height: 11em;*/
  }

#product-content div.bg2
  { background: transparent url("../image/bg2.jpg") no-repeat top left; }

#product-content div.bg1
  { background: transparent url("../image/bg1.jpg") no-repeat bottom right; }

#product-content div p
  {
    margin: 0em;
    padding: 0em 0.8em;
    font-size: 0.8em;
    text-align: left;
  }

#product-content div span
  {
    color: #721a26;
    background-color: white;
  }

#product-content abbr
  {
    text-transform: none;
	border-style: none;
  }

#product-content div.end
  { clear: left; }

#author
  {
    clear: both;
    margin-top: 10em;
    text-align: right;
    color: #bbb;
  }

#author a
  {
    text-decoration: none;
    color: #bbb;
  }

#foot
  {
    border-top: 0.1em solid #6b173b;
    text-align: center;
  }

#foot img
  { margin-top: -1.3em; }

p.copy
  {
    float: left;
    margin-top: -0.3em;
    text-align: left;
    color: #bbb;
  }

ul.w3c
  {
   margin: 0em;
   margin-top: -0.3em;
   padding: 0em;
   list-style: none;
   text-align: right;
  }

ul.w3c li
  { display: inline; list-style: none; }

ul.w3c img
  { border-style: none; }