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

#topBanner {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -491px;
  width: 983px;
  height: 80px;
  clear: both;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

#topBanner h1 {
  margin: 0;
  padding: 10px 0 0 20px;
  width: 62px;
  height: 60px;
  float: left;
  border: 0;
}

#topBanner h1 a {
  display: block;
  width: 62px;
  height: 60px;
}

#topBanner h1 a span {
  display: none;
}

#topBanner ul {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 80px;
}

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

#topBanner ul li a {
  display: block;
  float: left;
  height: 60px;
  color: #383838;
  padding: 29px 0 0 0;
  margin: 0 35px 0 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-image: url('../images/menu.gif');
  background-repeat: no-repeat;
  background-position: center 49px;
}
#topBanner ul li a:hover, #topBanner ul li a.selected { background-image: url('../images/menu_active.gif'); }

#Banner {
  position: absolute;
  top: 130px;
  left: 50%;
  margin-left: -491px;
  width: 983px;
  height: 300px;
  clear: both;
}

#content {
  position: absolute;
  top: 440px;
  left: 50%;
  margin-left: -491px;
  width: 983px;
  height: auto;
  z-index: 3;
  float: left;
  font-size: 1em;
  line-height: 1.2em;
}

#bottomBanner {
  color: #575757;
  margin: 0px;
  padding: 7px 0 7px 0;
  width: 983px;
  height: 40px;
  clear: both;
  line-height: 1.3em;
  font-size: 0.95em;
}

#bottomBanner a {
  color: #e30450;
  text-decoration: none;
  font-weight: bold;
}

#bottomBanner ul {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#bottomBanner ul li {
  float: left;
  margin: 0;
  padding: 0;
}

#bottomBanner ul li a {
  float: left;
  color: #575757;
  padding: 0;
  margin: 0 15px 0 0;
  text-decoration: none;
  font-weight: bold;
}
#bottomBanner ul li a:hover, #bottomBanner ul li a.selected { color: #e30450; }


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

a:hover {
	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;
}

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;
}

#titulka {
  width: 983px;
  height: 149px;
  clear: both;
  margin-bottom: 10px;
}

#titulka .box1 {
  width: 650px;
  height: 129px;
  padding: 10px;
  float: left;
  background-image: url('../images/titulka_box1.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

#titulka .box1 .box1levy {
  width: 194px;
  height: 129px;
  float: left;
}
#titulka .box1 .box1levy img { border: 3px solid #333232; }

#titulka .box1 .box1pravy {
  width: 446px;
  height: 129px;
  float: right;
  color: #616161;
  margin-right: 10px;
}
#titulka .box1 .box1pravy h2 {
  color: #fff;
  border-bottom: 1px dotted #fff;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
#titulka .box1 .box1pravy .box1pravy_text {
  width: 446px;
  height: 60px;
  overflow: hidden;
  clear: both;
  font-size: 0.95em;
}

#titulka .box2 {
  width: 303px;
  height: 149px;
  float: right;
}

#content_top {
  width: 943px;
  padding: 20px;
  clear: both;
  min-height: 350px;
  _height: 350px;
  background-image: url('../images/content_bg_top.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #fff;
  line-height: 1.3em;
  font-size: 0.95em;
}

#content_top h1 {
  font-size: 1.3em;
  color: #1f1f1f;
  padding: 4px 0 4px 35px; 
  background-image: url('../images/ikona_home.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#content_top h1.aktuality { background-image: url('../images/ikona_aktuality.jpg'); }
#content_top h1.technologie { background-image: url('../images/ikona_technologie.jpg'); }

#content_top .levy {
  width: 630px;
  float: left;
}

#content_top .levy .titulkalevy {
  width: 390px;
  float: left;
}

#content_top .levy .titulkalevy {
  width: 390px;
  float: left;
  color: #616161;
}

#content_top .levy .titulkapravy {
  width: 210px;
  padding: 0 0 0 20px;
  float: right;
  border-left: 1px dotted #000;
}

#content_top .pravy {
  width: 270px;
  padding: 0 0 0 20px;
  float: right;
  border-left: 1px dotted #000;
}

#content_bottom {
  width: 983px;
  height: 10px;
  clear: both;
  background-image: url('../images/content_bg_bottom.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

.ruzova { color: #e8427a; }
.seda { color: #b9b3ad; }

ul.technologie {
  clear: both;
  list-style-type: none;
  margin: 0 0 7px 0;
  padding: 0;
}
ul.technologie li {
  clear: both;
  padding: 0 0 0 20px;
  margin: 0 0 5px 0;
  background-image: url('../images/menu_active2.gif');
  background-repeat: no-repeat;
  background-position: 0 4px;
}
ul.technologie li a {
  clear: both;
  color: #383838;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
ul.technologie li:hover, ul.technologie li.selected { background-image: url('../images/menu_active.gif'); }

.poptavkovy-formular {
  border: 1px solid #e30450;
  padding: 10px;
  clear: both;
  background-color: #f6dae4;
}
.ordertextbox { border: 1px solid #ccc; margin-bottom: 1px; padding: 1px; width: 350px; }
.tlacitko { border: 1px solid #ccc; padding: 2px; color: #fff; background-color: #e30450; }
