/*----------------------------------------------------------------------------*/
/*                        (C) 2009 Ivan Reyné Ferrando                        */
/*----------------------------------------------------------------------------*/

/* display
   background    background-color background-image background-repeat background-position
   color
   position
   float
   clear
   overflow

   font    font-family font-size font-variant font style font-weight

   text-decoration
   line-height
   text-align
   vertical-align

   list-style

   width
   margin    (top right bottom left)
   border    border-width border-style border-color
   padding
*/

/* general properties
------------------------------------------------------------------------------*/
body {
  background: #e0e0e0 url('../images/bg_sea1.png') no-repeat scroll top center;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  margin: 0px;
  padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}
p, div, span, ul, li {
  margin: 0px;
  padding: 0px;
}
ul {
  list-style: disc outside;
  overflow: auto;
  padding: 0px 0px 0px 10px;
}
h1 {
  font-size: 150%;
  font-variant: small-caps;
  font-style: italic;
}
h2 {
  font-size: 150%;
}
h5 {
  font-size: 100%;
}
img {
  border: 0px;
}
a {
  outline-style: none;
  outline-width: 0;
}
a.invisible {
  color: #000000;
  text-decoration: none;
}
a.invisible:hover {
  color: #057d9f;
}

input {
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 100%;
  width: 100%;
  margin: 0px 0px 10px 0px;
  border: 1px solid #000000;
  padding: 2px;
}
button.submit {
  background-color: #d0d0d0;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 100%;
  margin: 0px 0px 10px 0px;
  border: 2px outset #d0d0d0;
  padding: 5px 10px 5px 10px;
}
button.submit:hover {
  background-color: #e0e0e0;
  border: 2px outset #e0e0e0;
}
textarea {
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 100%;
  width: 100%;
  margin: 0px 0px 10px 0px;
  border: 1px solid #000000;
  padding: 2px;
}

/* main website page
------------------------------------------------------------------------------*/
div#website {
  background-color: #ffffff;
  width: 802px;
  margin: 20px auto;
  border: 0px solid #000000;
  padding: 0px;
}

/* header
------------------------------------------------------------------------------*/
div#header {
  background: #000000 url('../images/en/bn_bg_sea.png') no-repeat scroll top center;
  color: #ffffff;
  border: 1px solid #000000;
  padding: 0px;
}
div#header_clear {
  clear: both;
}
div#header h1 {
  color: #ffffff;
  padding: 5px 15px 5px 15px;
}
div#header p {
  color: #ff7f00;
  font-size: 80%;
  padding: 5px 15px 5px 15px;
}

/* banner
------------------------------------------------------------------------------*/
div#banner {
  height: 100px;
  margin: 0px auto;
  padding: 0px;
}
div#banner img {
  float: none;
}
div#banner_clear {
}

/* navigation bar
------------------------------------------------------------------------------*/
div#h_nav {
  vertical-align: middle;
  height: 15px;
  margin: 0px auto;
  border: 0px none #000000;
  padding: 5px 10px;
}
div#h_nav h5 {
  display: none;
}
div#h_nav_clear {
  clear: both;
}
div#s_nav {
  display: none;
}
div#s_nav h5 {
}

ul.nav0 {
  float: left;
  list-style-type: none;
  padding: 0px;
}
li.nav0 {
  float: left;
  border-width: 1px;
  border-style: none dotted none none;
  border-color: #C0C0C0;
  padding: 0px 5px 0px 0px;
}
li.nav0_sub {
  float: left;
  border-width: 1px;
  border-style: none dotted none none;
  border-color: #C0C0C0;
  padding: 0px 5px 0px 0px;
}
li.nav0_sub:hover ul.nav1 {
  left: auto;
}
li.nav0_sub:sfhover ul.nav1 {
  left: auto;
}

ul.nav1 {
  background-color: #000000;
  position: absolute;
  left: -9999px;
  z-index: 1000;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity: 0.80;

  list-style-type: none;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  margin: 0px;
  border: 1px solid #000000;
  padding: 0px 0px 0px 0px;
}
li.nav1, li.nav1_sub {
  display: block;
  width: 150px;
  margin: 15px 0px;
}

a.nav0, a.nav0_sel, a.nav0_sub {
  color: #C0C0C0;
  font-weight: bold;
  text-decoration: none;
  border-style: none;
  padding: 0px 10px 0px 10px;
}
a.nav0_sub {
  text-decoration: underline;
}
a.nav0_sel {
  color: #FFFFFF;
}
a.nav0:hover, a.nav0_sub:hover, a.nav0_sel:hover {
  color: #FF8100;
}

a.nav1, a.nav1_sel, a.nav1_sub {
  color: #C0C0C0;
  font-weight: bold;
  text-decoration: none;
  border-style: none;
  padding: 0px 10px 0px 10px;
}
a.nav1_sel {
  color: #FFFFFF;
}
a.nav1:hover, a.nav1:hover, a.nav1_sel:hover {
  color: #FF8100;
}


ul.nav_lang {
  float: right;
  list-style-type: none;
  padding: 0px;
}
li.nav_lang {
  display: inline;
  padding: 0px 0px 0px 5px;
}

/* footer
------------------------------------------------------------------------------*/
div#footer {
  background: #000000 url('../images/bg_black.png') repeat-x scroll top left;
  color: #ffffff;
  border: 1px solid #000000;
  padding: 3px 10px;
  font-size: 70%;
}
div#footer p {
  padding: 10px;
}
div#footer a {
  color: #ffffff;
}

/* main contents
------------------------------------------------------------------------------*/
div#contents {
  background: #ffffff url('../images/bg_white.png') repeat-x scroll top left;
  color: #000000;
  margin: 0px;
  border: 1px solid #000000;
  padding: 0px;
  min-height: 700px;
}
div#contents_clear {
  clear: both;
}

/* page
------------------------------------------------------------------------------*/
div.page {
  line-height: 1.5em;
  margin: 5px;
  padding: 0px;
}
div.page ul {
  padding: 0px 0px 10px 20px;
}
div.page h2 {
  margin: 0px 0px 10px 0px;
}
div.page h1 a, div.page h2 a {
  color: #000000;
  text-decoration: none;
}
div.page h1 a:hover, div.page h2 a:hover {
  color: #057D9F;
  text-decoration: underline;
}
div.page div.date, div.page p.date {
  color: #A65400;
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
}
div.page p.more a {
  color: #057D9F;
  font-size: 80%;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
}
div.page p.more a:hover {
  text-decoration: underline;
}
div.page img {
  float: left;
  padding: 5px 10px 10px 5px;
}
div.page img.left {
  float: left;
  padding: 5px 10px 10px 5px;
}
div.page img.centre,
div.page img.center {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}
div.page img.right {
  float: right;
  padding: 5px 5px 10px 10px;
}
div.page img.gallery {
  float: none;
}
div.page img.smiley {
  float: none;
  padding: 0px;
}

/* boxes
------------------------------------------------------------------------------*/
div.box_1 {
  float: left;
  width: 780px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_2 {
  float: left;
  width: 385px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_2r {
  float: right;
  width: 385px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_3 {
  float: left;
  width: 253px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_3_2 {
  float: left;
  width: 517px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_3r {
  float: right;
  width: 253px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}
div.box_3_2r {
  float: right;
  width: 517px;
  margin: 5px;
  border: 0px none #000000;
  padding: 0px;
}

/* colours
------------------------------------------------------------------------------*/
div.head {
  padding: 10px 10px 5px 10px;
}
div.bottom {
  padding: 5px 10px 10px 10px;
}
div.head_bottom {
  padding: 10px;
}

/* no colour
------------------------------------------------------------------------------*/
div.solid_0 {
  color: #000000;
  border: 0px none #000000;
  padding: 5px;
}
div.solid_0 div.head_bottom img.border,
div.solid_0 div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #000000;
  padding: 2px;
}
div.solid_0 div.bottom a:hover img.border {
  border: 1px solid #ff8100;
}
div.solid_0 a {
  color: #ff8100;
}

/* white
------------------------------------------------------------------------------*/
div.solid_wh {
  background: #ffffff url('../images/bg_white.png') repeat-x scroll top left;
  color: #000000;
  border: 1px solid #c0c0c0;
  padding: 3px;
}
div.solid_wh div.head_bottom img.border,
div.solid_wh div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #000000;
  padding: 2px;
}
div.solid_wh div.bottom a:hover img.border {
  border: 1px solid #ff8100;
}
div.solid_wh a {
  color: #ff8100;
}

/* black
------------------------------------------------------------------------------*/
div.solid_bk {
  background: #000000 url('../images/bg_black.png') repeat-x scroll top left;
  color: #ffffff;
  border: 1px solid #000000;
  padding: 3px;
}
div.solid_bk div.head_bottom img.border,
div.solid_bk div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #ffffff;
  padding: 2px;
}
div.solid_bk div.bottom a:hover img.border {
  border: 1px solid #ff8100;
}
div.solid_bk a {
  color: #ff8100;
}

/* primary colour
------------------------------------------------------------------------------*/
div.solid_1 {
  background: #ff8100 url('../images/bg_orange.png') repeat-x scroll top left;
  color: #ffffff;
  border: 1px solid #ff8100;
  padding: 3px;
}
div.solid_1 div.head_bottom img.border,
div.solid_1 div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #ffffff;
  padding: 2px;
}
div.solid_1 div.bottom a:hover img.border {
  border: 1px solid #000000;
}
div.solid_1 a {
  color: #000000;
}


/* secondary colour A
------------------------------------------------------------------------------*/
div.solid_a {
  background: #ffc000 url('../images/bg_yellow.png') repeat-x scroll top left;
  color: #000000;
  border: 1px solid #ffc000;
  padding: 3px;
}
div.solid_a div.head_bottom img.border,
div.solid_a div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #000000;
  padding: 2px;
}
div.solid_a div.bottom a:hover img.border {
  border: 1px solid #ffffff;
}
div.solid_a a {
  color: #ffffff;
}

/* secondary colour B
------------------------------------------------------------------------------*/
div.solid_b {
  background: #f60018 url('../images/bg_red.png') repeat-x scroll top left;
  color: #000000;
  border: 1px solid #f60018;
  padding: 3px;
}
div.solid_b div.head_bottom img.border,
div.solid_b div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #000000;
  padding: 2px;
}
div.solid_b div.bottom a:hover img.border {
  border: 1px solid #ffffff;
}
div.solid_b a {
  color: #ffffff;
}

/* complimentary colour
------------------------------------------------------------------------------*/
div.solid_c {
  background: #057d9f url('../images/bg_blue.png') repeat-x scroll top left;
  color: #000000;
  border: 1px solid #057d9f;
  padding: 3px;
}
div.solid_c div.head_bottom img.border,
div.solid_c div.bottom img.border {
  margin: 5px 10px 5px 0px;
  border: 1px solid #000000;
  padding: 2px;
}
div.solid_c div.bottom a:hover img.border {
  border: 1px solid #ffffff;
}
div.solid_c a {
  color: #ffffff;
}

/* clears, infos, errors and stuff
------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.centre, .center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
div.info {
  border: 1px solid #ffff33;
  padding: 10px;
  background-color: #ffff99;
  line-height: 1.5em;
  color: #000000;
}
div.info p {
  padding-bottom: 0px;
}
div.info h5 {
  color: #000000;
}
div.error {
  border: 1px solid #ff3333;
  padding: 10px;
  background-color: #ff9999;
  line-height: 1.5em;
  color: #000000;
  margin-bottom: 5px;
}
div.error p {
  padding-bottom: 0px;
}

div.quote {
  font-family: verdana;
  font-style: italic;
  padding: 10px;
}
div.page div.quote img.oq {
  float: none;
  padding: 0px 2px 0px 0px;
}
div.page div.quote img.cq {
  float: right;
  padding: 0px 0px 0px 2px;
}