body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.1em;
  background-image: url('../images/bg.gif');
  background-repeat: repeat-all;
  background-position: 0px 0px;
  background-color: #000;
}

#topBanner {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 310px;
  clear: both;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: center 10px;
  background-color: #fff;
}

#topBanner h1 {
  margin: 0;
  padding: 22px 0 0 25px;
  width: 300px;
  height: 110px;
  clear: both;
  border: 0;
}

#topBanner h1 a {
  display: block;
  width: 300px;
  height: 110px;
}

#topBanner h1 a span {
  display: none;
}

#topBanner h2 {
  margin: 0;
  padding: 25px 0 0 46px;
  clear: both;
  border: 0;
  color: #fff;
}

#topBanner .toptext {
  margin: 0;
  padding: 26px 0 0 46px;
  height: 53px;
  clear: both;
  border: 0;
  color: #fff;
  font-weight: bold;
}
#topBanner .toptext a { color: #fff; }

#topBanner ul {
  clear: both;
  list-style-type: none;
  width: 780px;
  margin: 0px 0 0 10px;
  padding: 0;
  height: 45px;
  background-image: url('../images/menu.gif');
  background-repeat: repeat-x;
  background-position: 0px 0px;
}

#topBanner ul li {
  float: left;
  margin: 7px 0 0 0;
  padding: 0;
  height: 45px;
}

#topBanner ul li a {
  display: block;
  font-size: 0.95em;
  float: left;
  height: 40px;
  color: #fff;
  padding: 7px 9px 0 9px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-image: url('../images/menu.gif');
  background-repeat: repeat-x;
  background-position: 0px -7px;
  border-right: 1px dotted #fff;
}
#topBanner ul li a:hover, #topBanner ul li a.selected { background-image: url('../images/menu_active.gif'); }

#content {
  position: absolute;
  top: 320px;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: auto;
  z-index: 3;
  float: left;
  font-size: 1em;
  line-height: 1.2em;
  background-color: #fff;
}

#content2 {
  width: 780px;
  padding: 10px 10px 10px 10px;
  height: auto;
  z-index: 3;
  clear: both;
}

#fullPage {
  width: 760px;
  padding: 0 10px 0 10px;
  height: auto;
  z-index: 3;
  clear: both;
  min-height: 300px;
  _height: 300px;
}

#fullPage .levy {
  width: 200px;
  margin-right: 40px;
  float: left;
}

#fullPage .pravy {
  width: 520px;
  float: right;
}

#bottomBanner {
  color: #fff;
  margin: 0px;
  padding: 7px 0 0 0;
  text-align: center;
  width: 780px;
  height: 31px;
  clear: both;
  font-weight: bold;
  line-height: 1.3em;
  background-image: url('../images/menu.gif');
  background-repeat: repeat-x;
  background-position: 0px -7px;
}

#bottomBanner a {
  color: #fff;
}

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

a:hover {
  color: #708ce0;
	text-decoration: none;
}

.prazdny {
  width: 100%;
  height: 16px;
  clear: both;
}

.prazdny10 {
  width: 100%;
  height: 10px;
  clear: both;
}

form {
  margin: 0;
  padding: 0;
}

img {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
}

h1 {
  padding: 0;
  margin: 0 0 15px 0;
  font-weight: bold;
  font-size: 1.6em;
  line-height: 1.1em;
  color: #304999;
}

h2 {
  padding: 0;
  margin: 0 0 15px 0;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2em;
}

h3 {
  padding: 0;
  margin: 5px 0 5px 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
  color: #304999;
  border-bottom: 2px solid #304999;
}

h4 {
  padding: 0;
  margin: 5px 0 5px 0;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1em;
  color: #295890;
}
h4 span { font-weight: bold; }

ul {
  padding: 0px;
  margin: 0 0 3px 25px;
  border: 0px;
}

ul li {
  line-height: 1.3em;
}

.ordertextbox { width: 300px; border: 1px solid color: #004896; }
.textpole { width: 500px; height: 100px; border: 1px solid color: #004896; }
.tlacitko { color: #fff; border: 1px solid #fff; padding: 1px 5px 1px 5px; }
.obrazekvpravo { float: right; border: 1px solid #ccc; padding: 3px; margin: 0 0 10px 10px; }
.obrazek { border: 1px solid #fff; margin: 0 0 5px 0; }

.zvyrazneni { font-size: 1.5em; font-weight: bold; color: #b1004e; text-align: center; padding: 10px; }

fieldset { padding: 8px; line-height: 1.4em; border: 1px solid #ccc; }
fieldset legend { padding: 5px 10px; font-weight: bold; background-color: #276345; color: #fff; }

.obrazek_gallery { margin: 0 15px 15px 0; border: 1px solid #ccc; }

ul.products {
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
}

ul.products li {
  width: 246px;
  height: 160px;
  margin: 0 10px 10px 0;
  padding: 0;
  float: left;
}

ul.products li a {
  display: block;
  width: 234px;
  height: 120px;
  margin: 0;
  padding: 15px 5px;
  border: 1px solid #ccc;
  text-align: center;
  text-decoration: none;
}

ul.products li a:hover {
  border: 1px solid #276345;
}

.items_dlazdice {
  width: 165px;
  height: 150px;
  padding: 5px 5px;
  border: 1px solid #ccc;
  text-align: center;
  float: left;
  margin: 5px;
}

.items_nazev { font-weight: bold; color: #276345; }
.priplatek { font-weight: bold; color: #ff0000; }
 
.text { padding: 0 25px; }
.text2 { padding: 0 15px 0 95px; }

#technologie { clear: both; }
#technologie h2 { float: left; padding: 0; margin: 0 10px 10px 0; width: 320px; height: 190px; background-image: url('../images/technologie/digitalni-tisk.jpg'); background-repeat: no-repeat; background-position: 0px 0px; }
#technologie h2.digitalni-tisk { background-image: url('../images/technologie/digitalni-tisk.jpg'); }
#technologie h2.laminace { background-image: url('../images/technologie/laminace.jpg'); }
#technologie h2.sublimacni-tisk { background-image: url('../images/technologie/sublimacni-tisk.jpg'); }
#technologie h2.sublimacni-lis { background-image: url('../images/technologie/sublimacni-lis.jpg'); }
#technologie h2.cnc-freza { background-image: url('../images/technologie/cnc-freza.jpg'); }
#technologie h2.rezaci-plotr { background-image: url('../images/technologie/rezaci-plotr.jpg'); }
#technologie h2.sitotisk-textil { background-image: url('../images/technologie/sitotisk-textil.jpg'); }
#technologie h2.sitotisk { background-image: url('../images/technologie/sitotisk.jpg'); }
#technologie h2 span { display: none; }

#uvodka { clear: both; }
#uvodka ul { clear: both; list-style-type: none; margin: 15px 0 0 0; padding: 0; }
#uvodka ul li { clear: both; margin: 0; padding: 0 0 10px 50px; background-image: url('../images/logo_male.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#uvodka ul li a { font-weight: bold; }

table.tabulka tr td { padding: 0 2px 4px 0; }

.box { width: 360px; height: 160px; margin: 0 20px 20px 0; float: left; }
.box a { text-decoration: none; }
.box img { float: left; }
.okolo { width: 220px; height: 160px; float: right; }

.pujcovna1 {
  clear: both;
  min-height: 150px;
  _height: 150px;
  margin-bottom: 15px;
  border: 1px dotted #ccc;
}
.pujcovna11 { padding: 5px; }
.pujcovna11 img { float: left; }
.pujcovna1okolo {
  float: right;
  width: 390px;
}
.pujcovna1okolo h3 { border: 0; }


#fullPage .levy ul {
  width: 200px;
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px dotted #304999;
}

#fullPage .levy ul li {
  width: 200px;
  clear: both;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #304999;
}

#fullPage .levy ul li a {
  width: 190px;
  clear: both;
  margin: 0;
  padding: 5px;
  display: block;
  text-decoration: none;
  background-color: #dde4fa;
}

#fullPage .levy ul li a:hover, #fullPage .levy ul li a.selected { background-color: #304999; color: #fff; }

.fotogalerie img {
}
.fotogalerie a {
  display: block;
  border: 1px dotted #ccc;
  float: left;
  margin: 0 10px 10px 0;
}
.fotogalerie a:hover {
  border: 1px dotted #304999;
}

