/*
struktura kódu:
- display
- position
- float
- width, height
- margin, padding
- background, color
- font, others
*/

/************************************************************  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  }  

body {
  line-height: 1.7em;
	background: #f4f4f4;
  font-size: small;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  }

a:link {
  color: #ed1c2e;
  }

a:visited {
  color: #ed1c2e;
  }
  
a:hover {
  color: #ed1c2e;
  text-decoration: none;
  }

p {
  padding: 0.7em 0;
  }

.right {
  text-align: right;
  }

h1 {
  font-size: 1.9em;
  overflow: hidden;
  }

h1, h1 span {
  position: relative;
  top: 18px;
  float: left;
  width: 171px;
  height: 85px;
  }

h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.gif) top left no-repeat;
  }
  
h1 a:hover span {
  cursor: pointer;
  }

/************************************************************  PAGE */

#page {
  width: 920px;
  margin: 0 auto;
  }

#header {
  width: 900px;
  height: 117px;
  margin: 0 auto;
  background: white url(../images/header.gif) top left no-repeat;
  }

#upper {
  width: 900px;
  height: 125px;
  margin: 0 auto;
  background: #054f87 url(../images/upper.gif) top left no-repeat;
  }

#upper h2 {
  height: 44px;
  line-height: 28px;
  padding: 32px 0 10px 25px;
  color: #f4faff; 
  font-size: 1.2em;
  font-weight: normal;
  overflow: hidden;
  }
  
#upper h2 strong.orange {
  color: #ffd88a;
  }
  
#upper img {
  float: right;
  width: 169px;
  height: 77px;
  margin: 23px 15px 0 30px;
  }

#upper a {
  color: #ffd88a;
  text-decoration: none;
  }
  
#upper a:hover {
  color: #da9c1f;
  }

#main-top {
  width: 920px;
  background: url(../images/main-top.gif) top left no-repeat;
  }
  
#main {
  width: 920px;
  background: #fff url(../images/main-middle.gif) top left repeat-y;
  }
  
#main-bottom {
  width: 920px;
  background: url(../images/main-bottom.gif) bottom left no-repeat;
  }
  
/************************************************************ CONTENT */

#content {
  float: left;
  width: 540px;
  padding: 40px 30px 25px 40px;
  }

#content h3 {
  padding: 20px 0 10px 0;
  color: #1c669e;
  font-size: 1.6em;
  font-weight: normal;
  }
  
#content h3 span {
  color: #df6e17;
  }
  
#content h4 {
  padding: 15px 0 5px 0;
  color: #1c669e;
  font-size: 1.4em;
  font-weight: normal;
  }
  
#content ul {
  padding: 10px 0;
  list-style: none;
  }
  
#content ul li {
  padding: 2px 0 2px 16px;
  background: url(../images/li.gif) 0 10px no-repeat;
  }
  
#content table {
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
  }
  
#content table thead {
  background: #1c669e;
  }
  
#content table th,
#content table td {
  padding: 4px 7px;
  text-align: left;
  }

#content table th {
  color: #fff;
  }
  
#content table th.bg,
#content table td.bg {
  color: #f4f4f4;
  }

tr.even td {
  background: #f4f4f4;
  }

/*********************************************************** COLUMN */

#column {
  float: right;
  width: 260px;
  padding: 25px 25px 30px 25px;
  }
  
#column h5 {
  padding: 10px 0 0px 0;
  
  color: #000;
  font-size: 1.4em;
  font-weight: normal;
  }
  
#column address {
  padding: 15px 0 20px 0;
  font-style: normal;
  }
  
#column strong.orange {
  color: #cd620e;
  }

/************************************************************  NAVIGATION */

#nav {
  float: right;
  width: 476px;
  height: 101px;
  }
  
#nav ul {
  list-style: none;
  }
  
#nav ul li {
  width: 114px;
  float: left;
  margin-right: 6px;
  }
  
#nav ul li#last {
  margin-right: 0;
  }
  
#nav ul li a {
  display: block;
  width: 100px;
  height: 31px;
  padding: 70px 0 0 14px;
  color: #5d5d5d;
  font-size: 1em;
  text-decoration: none;
  text-transform: uppercase;
  }

#nav ul li a:hover,
#nav ul li a.active {
  color: #000;
  }

/* nav first */  
#nav ul li a#first {
  background: url(../images/nav.jpg) 0 0 no-repeat;
  }

#nav ul li a#first:hover,
#nav ul li a#first.active {
  background: url(../images/nav.jpg) -474px 0 no-repeat;
  }
  
/* nav second */  
#nav ul li a#second {
  background: url(../images/nav.jpg) -120px 0 no-repeat;
  }

#nav ul li a#second:hover,
#nav ul li a#second.active {
  background: url(../images/nav.jpg) -594px 0 no-repeat;
  }
  
/* nav third */  
#nav ul li a#third {
  background: url(../images/nav.jpg) -240px 0 no-repeat;
  }

#nav ul li a#third:hover,
#nav ul li a#third.active {
  background: url(../images/nav.jpg) -714px 0 no-repeat;
  }
  
/* nav fourth */  
#nav ul li a#fourth {
  background: url(../images/nav.jpg) -360px 0 no-repeat;
  }

#nav ul li a#fourth:hover,
#nav ul li a#fourth.active {
  background: url(../images/nav.jpg) -834px 0 no-repeat;
  }


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

#footer {
  height: 20px;
  background: transparent;
  color: #707070;
  margin: 10px 40px;
  }
  
#footer p {
  float: left;
  padding: 0;
  }
  
#footer p.right {
  float: right;
  }
  
#footer a {
  color: #707070;
  }

br.cleaner {
  clear: both;
  }