/*** obecne nastaveni ******************************************************************************************/

* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #fff;
  color: #484848;
  min-width: 760px;
  text-align: center;
  background: black;
  background: #fff url('graphics/bg_body.png') 0 0 repeat-x;
}

#wrapper {
  position: relative;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 0;
  width: 968px;
  border: 1px solid #3c3c3c;
  border-top: 0;
  text-align: left;
  background: #fff;
}

#bottom-margin {
  height: 50px;
  text-align: center;
  font-size: 100%;
  margin-top: 15px;
}

* html #wrapper { /*  IE fix */
  position: static;
}

.invisible {
  display: none;
}

#header-wrapper {
  background: #ffffff;
  height: 119px;
  position: relative;
}

#logo {
  background: url('graphics/digitalni_vzpominky.jpg') 40px 20px no-repeat;
  height: 119px;
  width: 299px;
}

#header-flash {
  height: 118px;
  width: 669px;
  position: absolute;
  top: 0;
  left: 299px;
}

#middle-panel {
  position: relative;
  height: 300px;
  background: #fff;
  border-bottom: 1px solid #fff;
}

#menu-wrapper {
  position: relative;
  width: 370px;
  height: 301px;
  background: #fff url('graphics/menu_star.png') 0 0 no-repeat;
  margin-left: 39px;
  margin-top: 10px;
}

/*#middle-flash {
  position: absolute;
  top: 25px;
  left: 490px;
  width: 360px;
  height: 180px;
}*/

#middle-flash {
  position: absolute;
  top: 0;
  left: 470px;
  width: 458px;
  height: 328px;
}

#middle-flash img {
  width: 458px;
  height: 328px;
}

#oteviracky {
  margin-left: 80px;
}

#oteviracky td.first {
  width: 100px;
}

#left-panel-wrapper  { 
  float: left; 
  width: 310px;
}

#left-panel-title {
  margin-top: 40px;
  margin-left: 60px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-weight: bold;
}

.left-panel-block-1, .left-panel-block-2 {
  margin-left: 60px;
  margin-bottom: 20px;
  padding: 20px;
  text-align: left;
}

#anketa-bb {
  margin-left: 60px;
  margin-bottom: 20px;
  text-align: left;
}

.left-panel-block-1 {
  border: 1px solid #f4d790;
  background: #fffec1 url('graphics/note_yellow.gif') 205px 10px no-repeat;
}

.left-panel-block-2 {
  background: #ffebc1;
  border: 1px solid #eabf65;
  background: #ffebc1 url('graphics/note_orange.gif') 205px 10px no-repeat;
}

.left-panel-block-date {
  margin-bottom: 15px;
  font-size: x-small;
  font-weight: bold;
}

#main-panel-wrapper {
  text-align: justify;
  margin-left: 370px;
  margin-right: 70px;
  margin-top: 40px;
  position: relative;
}

#footer-wrapper {
  height: 50px; 
  clear: both;
} 

hr.cleaner  { 
  clear: both;
  display: none;
}

#menu-wrapper {
  color: #C8C8C8;
  text-decoration: none;
  font-weight: bold;
  font-size: 110%;
}

* html #menu-wrapper {
  font-size: 105%;
}

#menu-wrapper li {
  list-style-type: none;
}

#menu-wrapper a.std, #menu-wrapper span.std {
  color: #c8c8c8;
  text-decoration: none;
  font-weight: bold;
  display: block;
  height: 33px;
  position: relative;
}

#menu-wrapper span.std {
  color: #fff;
}

#menu-wrapper a.std:hover {
  color: #fff;
}

#menu {
  position: absolute;
  top: 35px;
  left: 10px;
  width: 250px;
}

#menu .menu-text {
  position: absolute;
  left: 60px;
  top: 7px;
  cursor: pointer; /* IE */
}

.expander {
  border: 0;
}

#menu-decoration-1 {
  position: absolute;
  left: 30px;
  top: 7px;
}

#menu-decoration-2 {
  position: absolute;
  left: 30px;
  top: 40px;
}

#menu-decoration-3 {
  position: absolute;
  left: 30px;
  top: 73px;
}

#menu-decoration-4 {
  position: absolute;
  left: 30px;
  top: 106px;
}

#menu-decoration-5 {
  position: absolute;
  left: 30px;
  top: 139px;
}

.w {
  color: #fff;
}

#logo a {
  font-size: 0;
  color: #ffffff;
  display: block;
  height: 119px;
  width: 299px;
}

#logo a:hover {
  color: #ffffff;
}

#star-href {
  position: absolute;
  left: 228px;
  top: 142px;
  border: 0;
  width: 125px;
  height: 125px;
}

tr.even {
  background: #eee;
}

table.cenik {
  border: 1px solid #727272;
}

table.cenik td {
  width: 530px;
  padding: 5px;
}

table.cenik td.cena {
  width: 100px;
  text-align: right;
  padding-right: 30px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #fff url('graphics/dot_red.gif') 2px 6px no-repeat;
  padding-left: 13px;
  font-size: medium;
}

h2.linka {
  padding-bottom: 2px;
  border-bottom: 1px solid #DB4409;
  margin-bottom: 30px;
  font-size: large;
  padding-top: 30px;
}

h2.krok {
  font-size: large;
  padding-top: 5px;
}

.text {
  text-align: justify;
}

p {
  margin-top: 10px;
}

h4 {
  margin-top: 20px;
  background: #fff url('graphics/dot_red.gif') 18px 6px no-repeat;
  padding-left: 29px;
  font-size: small;
}

ul {
  padding-left: 20px;
  margin-top: 10px;
}

p.nested {
  margin-left: 30px;
}

p.nested2 {
  margin-left: 62px;
}

.sberna {
  margin-left: 80px;
}

p.sberna {
  margin-left: 80px;
}

table.sberna {
  width: 290px;
}

p.prostory {
  margin-left: 50px;
  font-style: italic;
}

.sberna_foto {
  float: right;
  margin-right: 25px; 
  width: 126px;
  height: 80px;
  border: 1px solid #484848;
}

.hovering a img {border: 1px solid #484848;}
.hovering a:hover img {border: 1px solid white;}

ul.nested {
  margin-left: 50px;
}

ul.nested li {
  background: url('graphics/odrazka.gif') 0px 5px no-repeat;
  list-style-type: none;
  padding-left: 16px;
}  

ul.nested2 li {
  background: url('graphics/odrazka.gif') 0px 5px no-repeat;
  list-style-type: none;
  padding-left: 16px;
  margin-left: 0px;
}  

ul.nested3 li {
  background: url('graphics/odrazka.gif') 0px 5px no-repeat;
  list-style-type: none;
  padding-left: 16px;
  margin-left: 10px;
}

ul.nested4 li {
  background: url('graphics/odrazka.gif') 0px 5px no-repeat;
  list-style-type: none;
  padding-left: 16px;
  margin-left: 60px;
}  

ul.nested5 {
  margin-left: 185px;
  
}

}  

.nested {
  margin-left: 30px;
}

.nested-ukazky {
  margin-left: 192px;
  margin-bottom: 50px;
}

.u {
  text-decoration: underline;
}

a {
  color: #db4409;
  text-decoration: underline;
}

a:hover {
  color: #125e7c;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

#slogan {
  position: absolute;
  top: 30px;
  right: 50px;
  height: 22px;
  width: 240px;
}
/*
#logo-bottom {
   background: url('graphics/logo.jpg') 0px 0px no-repeat;  blbne v ruznych prohl.
  position: absolute;
  bottom: 22px;
  right: 25px;
  height: 82px;
  width: 55px;
}
*/

.krok {
  position: relative;
  height: 35px;
  font-style: italic;
  margin-top: 30px;
  padding-left: 50px;
}

#krok_1 {
  background: url('graphics/krok_1.gif') 0px 0px no-repeat;
}

#krok_2 {
  background: url('graphics/krok_2.gif') 0px 0px no-repeat;
}

#krok_3 {
  background: url('graphics/krok_3.gif') 0px 0px no-repeat;
}

#krok_4 {
  background: url('graphics/krok_4.gif') 0px 0px no-repeat;
}

#tip {
  margin-top: 25px;
  margin-bottom: 25px;
  background: #fffec1;
  border: 1px solid #f4d790;
  padding: 5px;
}

.red {
  color: #db4409;
  font-weight: bold;
}

#description {
  margin-right: 20px;
  margin-left: 110px;
  margin-bottom: 60px;
}

#description .short-desc {
  margin-top: 20px;
  font-style: italic;
}

#description .what-will-we-do {
  margin-top: 10px;
  font-style: italic;
  font-weight: bold;
}

#serviceicon {
  position: absolute;
  top: 75px;
  left: 5px;
  height: 80px;
  width: 80px;
  display: block;
  margin-top: 10px;
  margin-right: 25px;
  background: url('graphics/nataceni_b.png') 0 0 no-repeat;
}

#serviceicon-2 {
  position: absolute;
  top: 75px;
  left: 5px;
  height: 80px;
  width: 80px;
  display: block;
  margin-top: 10px;
  margin-right: 25px;
  background: url('graphics/camera_b.png') 0 0 no-repeat;
}

#mainlist .service {
  position: relative;
  height: 97px;
  margin-top: 15px;
}

#lastservice {
  margin-bottom: 30px;
}

#mainlist h3, .mainlist-phrases {
  position: relative;
  top: 16px;
}

#mainlist h3 {
  font-size: 113%;
  padding-left: 0;
  margin-left: 140px;
  margin-bottom: 11px;
  background: none;
}

#mainlist h3 a, #mainlist h3 a:hover, #mainlist .mainlist-phrases a, #mainlist .mainlist-phrases a:hover {
  color: #484848;
  text-decoration: none;
}

#mainlist h3 a {
  display: block;
}

#mainicon-1 {
  display: block;
  background: url('graphics/slideshow1.png') 0 0 no-repeat;
  width: 515px;
  height: 80px;
  position: absolute;
  top: 8px;
  left: 15px;
}

#mainicon-2 {
  display: block;
  background: url('graphics/diaky1.png') 0 0 no-repeat;
  width: 515px;
  height: 80px;
  position: absolute;
  top: 8px;
  left: 15px;
}

#mainicon-3 {
  display: block;
  background: url('graphics/nataceni_akci1.png') 0 0 no-repeat;
  width: 515px;
  height: 80px;
  position: absolute;
  top: 8px;
  left: 15px;
}

#mainicon-4 {
  display: block;
  background: url('graphics/digitalizace1.png') 0 0 no-repeat;
  width: 515px;
  height: 80px;
  position: absolute;
  top: 8px;
  left: 15px;
}

#mainicon-5 {
  display: block;
  background: url('graphics/strih1.png') 0 0 no-repeat;
  width: 515px;
  height: 80px;
  position: absolute;
  top: 8px;
  left: 15px;
}

#mainicon-1:hover, #mainicon-2:hover, #mainicon-3:hover, #mainicon-4:hover, #mainicon-5:hover {
  background-position: 0 -80px;
}

#mainicon-2-b {
display: block;
  background: url('graphics/camcorder_b.png') 0 0 no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
}

#mainicon-3-b {
  display: block;
  background: url('graphics/cassette_b.png') 0 0 no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
}

#mainicon-diaky-b {
  display: block;
  background: url('graphics/diaky_b.png') 0 0 no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
}

#mainicon-nataceni-b {
  display: block;
  background: url('graphics/camcorder_b.png') 0 0 no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
}

.mainlist-phrases {
  font-size: 90%;
  margin-left: 155px;
}

.phrase-1 {
  font-style: italic;
}

.phrase-2 {
  font-weight: bold;
}

.mainlist-more-info {
  text-align: right;
  font-weight: bold;
  font-size: 90%;
  font-style: italic;
  margin-bottom: 30px;
  margin-top: 5px;
}

.mainlist-more-info-last {
  text-align: right;
  font-weight: bold;
  font-size: 90%;
  font-style: italic;
  margin-top: 5px;
}

#roh1 {
  background: url('graphics/roh1.png') 0px 0px no-repeat;
  position: absolute;
  top: 0px;
  left: -1px;
  height: 20px;
  width: 20px;
}

#roh2 {
  background: url('graphics/roh2.png') 0px 0px no-repeat;
  position: absolute;
  top: 0px;
  right: -1px;
  height: 20px;
  width: 20px;
}

#roh2index {
  background: url('graphics/roh2.png') 0px 0px no-repeat;
  position: absolute;
  top: 0px;
  right: -1px;
  height: 20px;
  width: 20px;
}

.papirnictvi-odsazeni {
  margin: 20px;
  margin-top: 60px;
  height: 100px;
  border-top: 1px dashed black;
  padding: 10px;
  padding-top: 20px;
  font-size: 90%;
  text-align: justify;
  clear: left;
}

.papirnictvi-text1 {
  margin-left: 13px;
  width: 900px;
  text-align: justify;
}

.papirnictvi-text2 {
  margin-left: 13px;
  width: 500px;
  text-align: justify;
}

.papirnictvi_foto {
  float: right;
  margin-right: 35px;
  width: 136px;
  height: 90px;
  border: 1px solid #484848;
}

p.img-wrapper {
  text-align: center;
}

a.s-obrazkem img, a.s-obrazkem:hover img {
  border: none;
}

a.s-odrazkou {
  text-decoration: none;
  background: #fff url('graphics/dot_red.gif') 2px 6px no-repeat;
  padding-left: 13px;
}

a.s-odrazkou:hover {
  background-color: #f9f9f9;
}

p.mezera-pred {
  margin-top: 20px;
  margin-bottom: 10px;
}

p.velka-mezera-pred {
  margin-top: 40px;
  margin-bottom: 10px;
}

#nextto {
 margin-top: 10px;
 margin-left: 12px;
 float: right;

}

.border-text {
  text-align: right;
  margin-right: 10px;
  padding-right: 5px;
  float: left;
  width: 65px;
  border: 1px solid #484848;
}

#videokamera {
  float: right;
  margin-left: 50px;
  margin-bottom: 50px;
}

#fotograf {
  float: right;
  margin-left: 50px;
  margin-bottom: 50px;
}

#fotograf2 {
  float: left;
  margin-top: 30px;
  margin-right: 20px;
  margin-bottom: 50px;
}

.clearer-right {
  clear: right;
}

#cen {
  position: absolute;
  top: 0;
  left: -112px;
  display: block;
  padding-left: 43px;
  background: url('graphics/cen.png') 0px -4px no-repeat;
  line-height: 22px;
}

#obj {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding-left: 30px;
  background: url('graphics/obj.gif') 0px 0px no-repeat;
  line-height: 22px;
}

#kon {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding-left: 30px;
  background: url('graphics/kon.gif') 0px 0px no-repeat;
  line-height: 22px;
}

#table-dia {
  border: 1px solid #727272;
  margin-bottom: 30px;
}

#table-dia td {
  padding: 5px;
}

#table-dia td.cena-last {
  width: 100px;
  padding-right: 0;
}

#table-dia td.cena-first {
  width: 100px;
}

#table-dia td.desc {
  width: 300px;
}

#table-foto {
  border: 1px solid #727272;
  margin-bottom: 30px;
}

#table-foto td {
  padding: 5px;
}

#table-foto td.cena-last {
  width: 120px;
  text-align: center;
  margin-right: 0;

}

#table-foto td.cena-middle {
  width: 120px;
  text-align: center;
  padding-right: 0;
}

#table-foto td.cena-first {
  text-align: center;
  width: 120px;

}

#table-foto td.desc {
  width: 265px;
  
}

.left-align{
  text-align: left;
}

img.dia-ukazky {
  margin-top: 20px;
}

.top-margin-40 {
  margin-top: 30px;
}

.top-margin-60 {
  margin-top: 60px;
}

.bottom-margin-40 {
  margin-bottom: 30px;
}

ul.dia-ukazky li {
  margin-top: 10px;
} 

ul.dia-ukazky {
  padding-bottom: 10px;
}

form.dotaz {
  position: relative;
  height: 185px;
}

form.dotaz label {
  font-style: italic;
}

form.dotaz #l-zprava {
  position: absolute;
  top: 0;
  left: 0;
}

form.dotaz #zprava {
  position: absolute;
  top: 0;
  left: 205px;
  width: 290px;
  height: 74px;
}

form.dotaz #l-kontakt {
  position: absolute;
  top: 85px;
  left: 0;
}

form.dotaz #kontakt {
  position: absolute;
  top: 85px;
  left: 205px;
  width: 290px;
}

form.dotaz #l-spam {
  position: absolute;
  top: 115px;
  left: 0;
}

form.dotaz #spam {
  position: absolute;
  top: 115px;
  left: 205px;
  width: 70px;
}

form.dotaz #ok {
  position: absolute;
  top: 155px;
  left: 205px;
  padding: 3px;
}

#spam-rada {
  position: absolute;
  top: 115px;
  left: 287px;
}

.kontakt-form form.dotaz #l-spam, .kontakt-form form.dotaz #l-zprava, .kontakt-form form.dotaz #l-kontakt {
  left: 20px;
}

.podbarveni {
  height: 202px;
  padding-top: 20px;
  margin-top: -20px;
  margin-left: 10px;
  background-color: #FFFFCC;
  border: 1px solid #f4d790;
  position: relative;
}

.kontakt-form {
  position: relative;
}

.red {
  color: #DB4409;
}

.red2 {
  color: #DB4409;
  font-weight: normal;
}

#kazety-bg {
float: right;
  margin-left: 0;
  margin-bottom: -20px;
  position: relative;
  top: -30px;  
}

#dia-bg {
float: right;
  margin-left: 30px;
  margin-bottom: -30px;
  position: relative;
  top: -20px;  
}

#filmy-bg {
float: left;
  margin-left: 0;
  margin-bottom: 32px;
  margin-right: 30px;
  position: relative;
  top: 0;  
}

#nikon-bg {
float: right;
  margin-left: 25px;
  margin-bottom: 10px;
  margin-top: 6px;
  position: relative;
  top: 0;  
}

#epson-bg {
float: right;
  margin-left: 35px;
  margin-bottom: 10px;
  margin-top: -30px;
  position: relative;
  top: -30;  
}

#supersuperzdarma {
  margin-top: 20px;
  margin-bottom: 30px;
  width: 527px;
  background: url('graphics/rounded_green_center.png') 0 0 repeat-y;
}

#superzdarma {
  width: 527px;
  background: url('graphics/rounded_green_bottom.png') 0 bottom no-repeat;
}

#zdarma {
  width: 527px;
  background: url('graphics/rounded_green_top.png') 0 0 no-repeat;
  padding-top: 10px;
  padding-bottom: 10px;
}

#zdarma li {
  list-style: none;
  background: url('graphics/green_tick.png') 0 0 no-repeat;
  padding-left: 30px;
  padding-top: 2px;
  height: 18px;
  padding-bottom: 5px;
  margin-left: 0;
  color: #2d6e16;
}

#avantica {
  background: url('graphics/avantica_logo.png') 160px 0 no-repeat;
}

.akce { 
  color: red;
}

#sberna-zustava {
  position: absolute;
  left: 470px;
  width: 390px;
  top: -25px;
  text-align: center;
}