/*
  Cascading style sheets for "Almirall" (20080606)
  ---
  Designed in 2008 by Emanuele Rodriguez <erodri@gmail.com>
    for Lavinia Interactiva [http://www.laviniainteractiva.com]
  ---
  main.css - Main page structure
*/

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
}

p {
  margin: 1em 0 .25em 0;
}

a {
  color: #06c;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

address {
  font-style: normal;
  margin: 1em 0 .25em 0;
}

img {
  border: none;
  display: block;
}

#content {
  float: left;
  clear: both;
  width: 980px;
}

embed,
object {
  display: block;
}

table {
  border-collapse: collapse;
}

table th {
  text-align: left;
}

#quicknav,
.hidden {
  position: absolute;
  left: -999em;
  overflow: hidden;
}

.nobr {
  white-space: nowrap;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

#page {
  margin: 0 auto;
  width: 980px;
}

#header {
  background-image: url(hdr_bg.gif);
  background-repeat: repeat-y;
  background-position: top right;
  overflow: hidden;
  width: 100%;
}

#header .logo {
  float: left;
  padding: 1.8em 0 0 28px;
}

#header .utils {
  float: right;
  text-align: right;
  padding: 0;
  width: 700px;
}

#header .utils .menu {
  list-style: none;
}

#header .utils .menu li {
  float: left;
}

#header .utils #navi0 {
  float: right;
  height: 1.4em;
  padding: 10px 12px 0 0;
}

* html #header .utils #navi0 { height: 1.2em; }
*+html #header .utils #navi0 { height: 1.2em; }

#header .utils #navi0 li.first {
  background: none;
  padding-left: 0;
}

#header .utils #navi0 a {
  color: #333;
}

#main {
  clear: both;
}

#header .utils2 {
  float: right;
  text-align: right;
  padding: 0;
  width: 700px;
}

#header .utils2 .menu {
  list-style: none;
}

#header .utils2 .menu li {
  float: left;
}

#header .utils2 #navi-date {
  float: right;
  height: 1.4em;
  padding: 25px 12px 0 0;
}

* html #header .utils2 #navi-date { height: 1.2em; }
*+html #header .utils2 #navi-date { height: 1.2em; }

#header .utils2 #navi-date li {
  padding-left: 7px;
}

#header .utils2 #navi-date li.first {
  background: none;
  padding-left: 0;
}

#header .utils2 #navi-date a {
  color: #333;
}

#intro-line {
  float: left;
  clear: both;
  width: 980px;
  height: 46px;
  background-image: url(hdr_img.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

#header .utils #navi0 li {
  background-image: url(hdr_navi0_div.gif);
  background-repeat: no-repeat;
  background-position: .3em .3em;
}