/* puzzle odrazky */
#znalosti-list ul, #mapa-stranek ul, #reklama-reference ul, .puzzle, .puzzle-spaced {
  list-style-image: url(../img/li-puzzle.gif);
}
.puzzle-spaced li {
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reklama - bannery ------------------------------------------------------ */
.bannery-full, .bannery-square, .bannery-550 {
  text-align: center;
}
.bannery-full img {
  background-color: #f0f0f0;
  border: none;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 468px;
  height: 60px;
}
.bannery-550 img {
  background-color: #f0f0f0;
  border: none;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 550px;
  height: 150px;
}
.bannery-full object, .bannery-550 object {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #f0f0f0;
}
.bannery-full .border, .bannery-550 .border {
  border: 1px solid #000000;
}
.bannery-square img {
  background-color: #f0f0f0;
  border: none;
  margin: 2px;
  width: 125px;
  height: 125px;
}

/* reklama - reference ---------------------------------------------------- */
#reklama-reference li {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
  font-weight: bold;
}

/* reklama - provozovane portaly, reference -------------------------------*/
.nahledy {
  text-align: center;
}
.nahledy img {
  width: 190px;
  height: 145px;
  border: 1px solid #000000;
  background-color: #f0f0f0;
  margin: 0 2px;
}

.nahledy .nahled {
  padding-top: 7px;
  padding-bottom: 7px;
}

.nahledy-r {
  position: relative;
  float: right;
  margin-left: 20px;
  border-left: 1px solid #d0d0d0;
}
.nahledy-r strong {
  display: block;
}
.nahledy-r a {
  display: block;
  font-size: 0.9em;
}
.nahledy-r .nahled {
  padding-left: 20px;
}



/* znalosti - list -------------------------------------------------------- */
#znalosti-list ul {
  list-style-type: square;
  font-size: 0.9em;
}
#znalosti-list ul li {
  margin: 6px auto;
}
#znalosti-list strong{
  font-size: 1.1em;
}
#znalosti-list a {
  padding: 3px 8px;
}
#znalosti-list a:link, #znalosti-list a:visited {
  color: #000000;
}
#znalosti-list a:hover, #znalosti-list a:active {
  color: #800000;
  background-color: #ffffb0;
}

/* první odstavec */
.initial {
  font-style: italic;
  padding: 5px 10px;
  border: 1px dashed #808080;
  background-color: #fff7e7;
}

/*  mapa stránek --------------------------------------------------------- */
#mapa-stranek {
  padding-left: 30px;
}
#mapa-stranek a {
  padding: 0 8px;
}
#mapa-stranek li a:first-letter {
  text-transform: uppercase;
}

/* náš tým --------------------------------------------------------------- */
#nas-tym div {
  clear: right;
}
#nas-tym .tym-foto {
  position: relative;
  float: right;
  border: 1px solid #000000;
  background-color: #f0f0f0;
  width: 100px;
  height: 120px;
  margin-left: 15px;
}

/* uvodni stranka ------------------------------------------------------- */
#home .blue {
  width: 270px;
  margin: 27px 20px 30px 20px;
  padding: 5px;
	font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  background-color: #2188d3;
}
#home .blue a:link, #home .blue a:active, #home .blue a:hover, #home .blue a:visited {
  color: #ffffff;
}
#home .blue span {
  display: block;
  padding-top: 10px;
}

#home .blue .play {
  display: block;
  position: absolute;
  top: 143px;
  left: 305px;
  width: 22px;
  height: 22px;
}
#home .blue .play span {
  display: none;
}

#home .nalevo {
  position: relative;
  float: left;
  width: 315px;
}
#home .nalevo h2 {
  color: #005a99;
}
#home .nalevo p {
	font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
}

#home .napravo {
  position: relative;
  float: left;
  width: 255px;
  left: 40px;
  font-size: 0.9em;
  border: 1px solid #c0c0c0;
  background-color: #f8f8f8;
}
#home .napravo h2 {
  text-align: center;
  background-color: #cee0ec;
}
#home .napravo ul {
  list-style-type: square;
  font-size: 0.9em;
}
#home .napravo ul li {
  padding-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* kontakt */
#kontakt h1 {
  margin-bottom: 5px;
}
#kontakt .table-osoby {
  margin: 0 auto;
  border-collapse: separate;
}
#kontakt .table-osoby td {
  vertical-align: top;
}
#kontakt ul {
  list-style-image: url(../img/li-puzzle.gif);
  margin-top: 10px;
  margin-bottom: 10px;
}
#kontakt ul li {
  padding: 2px 0 2px 4px;
  font-size: 0.9em;
}

#kontakt .osoba {
  width: 250px;
  border: 1px solid #96b3cc;
  background: url(../img/kontakt/osoba-bg.png) no-repeat top right;
  padding: 0 10px 10px 10px;
}
#kontakt h2 {
  margin-bottom: 10px;
}
#kontakt h2 span {
  font-size: 0.8em;
}

#kontakt table.kontakt {
  width: 210px;
  border-collapse: collapse;
  margin: 0px auto;
}
#kontakt table.kontakt td {
  padding: 1px 5px;
}
#kontakt table.kontakt .polozka {
  text-align: right;
}
#kontakt table.kontakt .hodnota {
  text-align: left;
}
#kontakt table.kontakt img {
  border: none;
  margin-bottom: -2px;
}
#kontakt table.kontakt .map {
  font-size: 0.75em;
}

#kontakt .osoba .mail {
  margin-bottom: -3px;
}
#kontakt .osoba .vizitka {
  font-size: 0.75em;
}

#kontakt .note {
  margin-top: 5px;
  font-size: 0.85em;
  color: #606060;
  text-align: center;
}
#kontakt .links {
  margin-bottom: 0;
  text-align: center;
}

#kontakt .mailform {
  width: 400px;
  text-align: left;
  font-size: 0.9em;
  padding: 10px;
  border: 1px solid #96b3cc;
  background: url(../img/kontakt/mailform-bg.png) no-repeat top right;
}

#kontakt input, #kontakt textarea, #kontakt select {
  display: block;
  margin-bottom: 5px;
}
#kontakt label {
  display: block;
  margin-top: 5px;
  font-size: 0.95em;
  font-weight: bold;
}
#kontakt .format {
  width: 400px;
}
#kontakt .inline {
  display: inline;
}
#kontakt .code {
  font-style: italic;
  font-weight: bold;
}
#kontakt .submit {
  text-align: center;
}
#kontakt .submit input {
  display: inline;
  font-weight: bold;
}

/* webdesign - specifikace IO, CA */
.specifikace {
  font-size: 0.85em;
  padding-left: 50px;
}
.specifikace h2, .specifikace ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* webdesign - reference -------------------------------------------------- */
.ref-typ {
  border: 1px solid #c0c0c0;
  background-color: #fbfbfb;
  padding: 5px;
  font-size: 11px;
  line-height: 16px;
}
.ref-typ a {
  padding: 0 3px;
  font-weight: bold;
}
.ref-typ .active {
  padding: 0 3px;
  margin: 0 4px;
  background-color: #1e50f3;
  color: #f8f8f8;
  font-weight: bold;
}

#refs {
  text-align: center;
}
#refs .ref {
  height: 158px;
  width: 500px;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  background: url(../img/kontakt/osoba-bg.png) no-repeat top right;
  text-align: left;
  margin-bottom: 10px;
}
.ref img {
  position: relative;
  float: left;
  width: 200px;
  height: 150px;
  border: 1px solid #000000;
  margin: 5px 30px 0 5px;
  background-color: #f8f8f8;
}
.ref strong {
  display: block;
  margin: 25px auto 5px auto;
  font-size: 1.1em; 
	font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;
}
.ref .link {
  margin: 5px auto 20px auto;
}
.ref .info {
  margin: 20px auto;
}
.ref span {
  display: block;
}
.ref .date {
  margin: 10px 20px 0 auto;
  font-size: 0.85em;
  text-align: right;
}

/* statistiky naavstevnosti */
.stats-icon {
  border: 1px solid #808080;
  padding: 2px;
}

/* dostupnost hostingu ------------------------------------------------- */
.table-vypadky {
  width: 100%;
  font-size: 0.85em;
  text-align: center;
}
.table-vypadky td {
  vertical-align: top;
}
.table-vypadky thead td {
  padding: 2px;
  background-color: #e8e8e8;
  font-weight: bold;
  border: 1px solid #d8d8d8; 
}
.table-vypadky tbody td {
  border: 1px solid #e8e8e8;
  padding: 2px 4px;
}

/* reference tiskovin */
p.images {
  text-align: center;
}
p.images img {
  border: 1px solid #000000;
  background-color: #f8f8f8;
}

/* archiv referenci, tedy info o nebezici referenci ---------------------- */
.archiv-img {
  text-align: center;
}
.archiv-img img {
  display: block;
  border: 1px solid #000000;
  margin: 12px auto;
}

/* popis cesty ------------------------------------------------------------ */
#popis-cesty img {
  display: block;
  border: 1px solid #000000;
}
#popis-cesty em {
  font-size: 0.8em;
  display: block;
  padding-left: 7px;
}