/* CSS Document */
body { 
    margin:0; 
    padding:0;
    height:100%;
    font-family:Arial, sans-serif;
    background:#4a4a4a;
}


.clear {clear:both;line-height:0;_font-size:0;}
.fleft {float:left;}
.taright {text-align:right;}
.hidden {display:none;}
a img {border:none;}

#line {
	width:45%;
	position:absolute;
	top:351px;
	right:0;
	height:45px;
    background:#a8a8a8 url("../images/bgramec.jpg") repeat-x left top;
	z-index:1;
}

#head {
    width:100%;
    height:162px;
    background:#fff url("../images/head-bg.jpg") repeat-x left top;
}
#headimg {
    position:relative;
    margin:auto;
    width:1018px;
    height:162px;    
}
#headimg span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:1018px; 
    height:162px; 
}
.bg1 {background:url("../images/headimg-bg1.jpg") no-repeat 280px top;}
.bg2 {background:url("../images/headimg-bg2.jpg") no-repeat 280px top;}
.bg3 {background:url("../images/headimg-bg3.jpg") no-repeat 280px top;}
.bg4 {background:url("../images/headimg-bg4.jpg") no-repeat 280px top;}
.bg5 {background:url("../images/headimg-bg5.jpg") no-repeat 280px top;}

#content1 {
    width:100%;
    background:#181818 url("../images/cnt1-bg.jpg") repeat-x left top;
}
#content2 {
    width:100%;
    background:#181818 url("../images/cnt2-bg.jpg") repeat-x left top;
}
#cnt {
    position:relative;
    margin:auto;
    width:1018px;
    text-align:left;
	z-index:2;
}
#b1 {
    position:relative;
    float:right;
    padding:0 0 0 13px;
    width:745px;
	z-index:3;
}
.b1bg1 {
    background:url("../images/b1-bg1.jpg") no-repeat left top;
}
#b2 {
    position:relative;
    float:left;
    width:260px;
}

#foot {
    width:100%;
    height:161px;
    background:url("../images/foot-bg.jpg") repeat-x left top;
}
#footcnt {
    position:relative;
    top:35px;
    margin:auto;
    width:1018px;
    text-align:left;
}

#foot a.registrace {
  color:#ffffff;
  margin-left:107px;
  font-size:0.8em;
}
#pagetext {
    margin:80px 0 0 0;
    padding:0 0 0 13px;
}

#pagetext table.katalog td {
  vertical-align:top;
  width:300px;
}

#pagetext .od_pod {
  background:#1d1d1d url("../images/bg_nad.gif") repeat-y left top;
  height:40px;
  line-height:40px;
  font-size:13px;
  color:#ffffff;
}

#pagetext .od_pod a {
  background:url("../images/sipka.gif") no-repeat 10px 2px;
  padding-left:29px;
  font-weight:bold;
  font-size:13px;
}

#pagetext .od_pod2 {
  width:232px;
  height:41px;
  background:#1d1d1d url("../images/ico_pdf.gif") repeat-y left top;
  line-height:20px;
  font-size:13px;
  color:#ffffff;
  margin-bottom:1px;
  padding-left:5px;
}

#pagetext .od_pod3 {
  width:232px;
  height:41px;
  background:#1d1d1d url("../images/ico_dwg.gif") repeat-y left top;
  line-height:20px;
  font-size:13px;
  color:#ffffff;
  margin-bottom:1px;
  padding-left:5px;
}


#pagetext .obrazky {
  float:left;
  display:block;
  width:340px;
}

#pagetext .texty {
  float:left;
  display:block;
  width:290px;
  margin-top:20px;
}

#pagetext .texty p {
  width:290px;
}

#pagetext h3 {
  color:#ffffff;
  font-size:1.0em;
  margin-bottom:5px;
}

/*logo*/
#logo {
    position:absolute;
    top:37px;
    left:0;
    display:block;
    margin:0; 
    padding:0;
    width:231px; 
    height:98px;
    overflow:hidden;
    z-index:8;
}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:231px; 
    height:98px;
    cursor:pointer;
    background:url("../images/logo.jpg") no-repeat left top;
}

/*menu*/
#menu {
    margin:26px 0 0 0;
    width:260px;
    height:320px;
}
#content1 #menu {
    background:url("../images/menu-bg1.jpg") no-repeat left top;
}
#content2 #menu {
    background:url("../images/menu-bg2.jpg") no-repeat left top;
}
#menu ul {
    position:relative;
    left:30px;
    top:20px;
    margin:0;
    padding:0;   
}
#menu ul li {
    margin:0;
    padding:0 0 0 28px;
    line-height:28px;
    list-style:none; 
    background:url("../images/menu-sipka.gif") no-repeat left center;  
}
#menu ul li a {
    color:#fff;
    font-size:14px;
    text-decoration:none;
}
#menu ul li a:hover {
    font-weight:bold;
    text-decoration:underline;
}
#menu ul li a.selected {
    font-weight:bold;
    text-decoration:underline;
}

/*content1*/
#indextitle {
    position:relative;
    display:block;
    margin:38px 0 0 0; 
    padding:0;
    width:149px; 
    height:41px;
    overflow:hidden;
    z-index:8;
    color:#fff;
}
#indextitle span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:149px; 
    height:41px;
    cursor:pointer;
    background:url("../images/title-uvodni-slovo.jpg") no-repeat left top;
}
#indexmtext {
    margin:0 !important;
    padding:0 !important;
    width:520px !important;
    height:110px !important;
    color:#fff !important;
    font-size:0.8em !important;
}
#boy {
    position:absolute;
    right:0;
    top:49px;
    width:205px;
    height:273px;
    background:url("../images/boy.jpg") no-repeat left top;
}
#boys {
    position:absolute;
    right:-121px;
    top:140px;
    width:121px;
    height:45px;
    background:url("../images/boys.jpg") no-repeat left top;
}
#iframetext {
    margin:0;
    padding:0;
    line-height:45px;
    font-size:0.8em !important;
}
#iframetext a {color:#fff;}
#iframetext a:hover {text-decoration:none;}

#katalog-vyrobku-title {
    position:relative;
    display:block;
    margin:44px 0 0 0;
    padding:0;
    width:182px; 
    height:36px;
    color:#fff;
    overflow:hidden;
    z-index:8;
    font-size:1.2em;
}
#katalog-vyrobku-title span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:182px; 
    height:36px;
    cursor:pointer;
    background:url("../images/title-katalog-vyrobku.jpg") no-repeat left top;
}

/*seznam kategorii na indexu*/
#icategories {
    margin:20px 0 0 0;
    padding:0;
    border:none;
}
#icategories td {
    padding:0 0 20px 0;
    width:254px;
    height:67px;
    border:none;
}
#icategories td a {
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:234px;
    height:67px;
    line-height:67px;
    text-align:center;
    overflow:hidden;
    z-index:8;
    color:#fefefe;
    background:#323232;
}
#icategories td a:hover {background:#800000;color:#fefefe;}
#icategories td a span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:234px;
    height:67px;
    cursor:pointer;
}
#icategories td a:hover span {}

#k1 span {background:url("../images/kategorie/k1.jpg") no-repeat left top;}
#k1:hover span {background:url("../images/kategorie/k1.jpg") no-repeat -234px top;}
#k2 span {background:url("../images/kategorie/k2.jpg") no-repeat left top;}
#k2:hover span {background:url("../images/kategorie/k2.jpg") no-repeat -234px top;}
#k3 span {background:url("../images/kategorie/k3.jpg") no-repeat left top;}
#k3:hover span {background:url("../images/kategorie/k3.jpg") no-repeat -234px top;}
#k4 span {background:url("../images/kategorie/k4.jpg") no-repeat left top;}
#k4:hover span {background:url("../images/kategorie/k4.jpg") no-repeat -234px top;}

#k5 span {background:url("../images/kategorie/k5.jpg") no-repeat left top;}
#k5:hover span {background:url("../images/kategorie/k5.jpg") no-repeat -234px top;}
#k6 span {background:url("../images/kategorie/k6.jpg") no-repeat left top;}
#k6:hover span {background:url("../images/kategorie/k6.jpg") no-repeat -234px top;}
#k7 span {background:url("../images/kategorie/k7.jpg") no-repeat left top;}
#k7:hover span {background:url("../images/kategorie/k7.jpg") no-repeat -234px top;}
#k8 span {background:url("../images/kategorie/k8.jpg") no-repeat left top;}
#k8:hover span {background:url("../images/kategorie/k8.jpg") no-repeat -234px top;}

#k9 span {background:url("../images/kategorie/k9.jpg") no-repeat left top;}
#k9:hover span {background:url("../images/kategorie/k9.jpg") no-repeat -234px top;}
#k10 span {background:url("../images/kategorie/k10.jpg") no-repeat left top;}
#k10:hover span {background:url("../images/kategorie/k10.jpg") no-repeat -234px top;}
#k11 span {background:url("../images/kategorie/k11.jpg") no-repeat left top;}
#k11:hover span {background:url("../images/kategorie/k11.jpg") no-repeat -234px top;}
#k12 span {background:url("../images/kategorie/k12.jpg") no-repeat left top;}
#k12:hover span {background:url("../images/kategorie/k12.jpg") no-repeat -234px top;}
#k13 span {background:url("../images/kategorie/k13.jpg") no-repeat left top;}
#k13:hover span {background:url("../images/kategorie/k13.jpg") no-repeat -234px top;}
#k14 span {background:url("../images/kategorie/k14.jpg") no-repeat left top;}
#k14:hover span {background:url("../images/kategorie/k14.jpg") no-repeat -234px top;}
#k15 span {background:url("../images/kategorie/k15.jpg") no-repeat left top;}
#k15:hover span {background:url("../images/kategorie/k15.jpg") no-repeat -234px top;}
#k16 span {background:url("../images/kategorie/k16.jpg") no-repeat left top;}
#k16:hover span {background:url("../images/kategorie/k16.jpg") no-repeat -234px top;}
#k17 span {background:url("../images/kategorie/k17.jpg") no-repeat left top;}
#k17:hover span {background:url("../images/kategorie/k17.jpg") no-repeat -234px top;}
#k18 span {background:url("../images/kategorie/k18.jpg") no-repeat left top;}
#k18:hover span {background:url("../images/kategorie/k18.jpg") no-repeat -234px top;}
#k19 span {background:url("../images/kategorie/k19.jpg") no-repeat left top;}
#k19:hover span {background:url("../images/kategorie/k19.jpg") no-repeat -234px top;}
#b1 p {
    margin:5px 0;
    padding:0;
    width:730px;
    font-size:0.75em;
    color:#fff;
}
#b1 p a {color:#FF0000;}
#b1 p a:hover {text-decoration:none;}

#b1 table {
  color:#fff;
  font-size:12px;
}
/*form elements*/
.finput {
    position:relative;
    float:left;
    width:144px;
    height:24px;
    background:#3b3b3a url("../images/input-bg.jpg") no-repeat left top;
}
.finput input {
    position:absolute;
    top:2px;
    left:2px;
    width:138px;
    border:0;
    color:#fff;
    background:none;
}
.fbutton {
    float:left;
    width:46px;
    height:24px;
    border:0;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    background:#8c0000 url("../images/button-bg.jpg") no-repeat left top;
}
/*email actualities*/
#emailrestritation {
    margin:0;
    padding:0;
}
#emailrestritation fieldset {
    margin:60px 0 20px 0;
    float:right;
    padding:0;
    border:0;
}
#emailrestritation fieldset strong {
    display:block;
    float:left;
    line-height:24px;
    color:#fff;
    font-size:0.75em;
}
#emailrestritation .fbutton {
    margin:0 33px 0 0;
}
#emailrestritation .finput {
    margin:0 9px 0 20px;
}


/*foot*/
#loginform form {
    margin:0 0 0 0px;
    padding:0;
    width:250px;
}
#loginform form fieldset {
    margin:0;
    padding:0;
    border:none;
}
#loginform form fieldset h2 {
    margin:0 0 10px 0;
    padding:0;
    color:#fff;
    font-size:0.8em;
}
#loginform form fieldset label {
    float:left;
    display:block;
    width:83px;
    color:#fff;
    font-size:0.8em;
}
#loginform form fieldset .finput {
    margin:0 0 4px 0;
}
#loginform form fieldset .fbutton {
    margin:0 0 0 83px;
}
#footmenu {
    position:absolute;
    top:19px;
    left:340px;
    margin:0;
    padding:0;
}
#footmenu li {
    display:block;
    float:left;
    margin:0;
    padding:0 6px;
    list-style:none;
}
#footmenu li.separator {
    background:url("../images/sep.gif") no-repeat right 5px;
}
#footmenu li a {
    color:#fff;
    font-size:0.75em;
    text-decoration:none;
}
#footmenu li a:hover {text-decoration:underline;}
#footmenu li a.selected {text-decoration:underline;}

#footcnt p {
    position:absolute;
    top:50px;
    left:346px;
    margin:0;
    padding:0;
    font-size:0.75em;
    color:#b8b8b8;
}
#footcnt p a {color:#b8b8b8;}
#footcnt p a:hover {color:#fff;text-decoration:none;}

/*b2 aktuality*/
#aktuality-title {
    position:relative;
    display:block;
    margin:0 0 0 25px;
    padding:0;
    width:105px; 
    height:42px;
    color:#fff;
    overflow:hidden;
    z-index:8;
    font-size:1.2em;
}
#aktuality-title span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:105px; 
    height:42px;
    cursor:pointer;
    background:url("../images/title-aktuality.jpg") no-repeat left top;
}
.b2a-item {
    margin:5px 0 20px 25px;
    width:206px;
}
.b2a-item img {margin:0 0 10px 0;border:3px solid #ff0000;}
.b2a-item p {
    margin:0 0 8px 0;
    padding:0;
    color:#fff;
    font-size:0.8em;
}
.b2a-item p span {
    color:#ff0000;
}
.b2a-item p a {color:#ff0000;}
.b2a-item p a:hover {text-decoration:none;}

#b2all {
    margin:0 0 30px 0;
    width:230px;
    text-align:right;
}
#b2allcenter {
    margin:0 0 30px 0;
    width:230px;
    text-align:center;
}
#b2all a, #b2allcenter a {color:#fff;font-size:0.8em;}
#b2all a:hover, #b2allcenter a:hover {text-decoration:none;}

/*content2*/
#ptitle {
    position:relative;
    display:block;
    margin:37px 0 0 0; 
    padding:0; 
    height:51px;
    overflow:hidden;
    z-index:8;
    color:#fff;
    font-size:1.2em;
}
#ptitle span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    height:51px;
    cursor:pointer;
}
#ptitle.procmy {width:275px;}
#ptitle.procmy span {width:275px;background:url("../images/page/title-procmy.jpg") no-repeat left top;}
#ptitle.aktuality {width:140px;}
#ptitle.aktuality span {width:140px;background:url("../images/page/title-aktuality.jpg") no-repeat left top;}
#ptitle.bezpecnost {width:181px;}
#ptitle.bezpecnost span {width:181px;background:url("../images/page/title-bezpecnost.jpg") no-repeat left top;}
#ptitle.katalog {width:250px;}
#ptitle.katalog span {width:250px;background:url("../images/page/title-katalogvyrobku.jpg") no-repeat left top;}
#ptitle.kontakty {width:141px;}
#ptitle.kontakty span {width:141px;background:url("../images/page/title-kontakty.jpg") no-repeat left top;}
#ptitle.ospolecnosti {width:208px;}
#ptitle.ospolecnosti span {width:208px;background:url("../images/page/title-ospolecnosti.jpg") no-repeat left top;}
#ptitle.reference {width:154px;}
#ptitle.reference span {width:154px;background:url("../images/page/title-reference.jpg") no-repeat left top;}
#ptitle.kestazeni {width:250px;}
#ptitle.kestazeni span {width:250px;background:url("../images/page/title-kestazeni.jpg") no-repeat left top;}

#pageimage {
    position:absolute;
    right:22px;
    top:0;
    height:142px;
}
.img1 {width:193px;background:url("../images/page/img1.jpg") no-repeat left top;}
.img2 {width:306px;background:url("../images/page/img2.jpg") no-repeat left top;}
.img3 {width:147px;background:url("../images/page/img3.jpg") no-repeat left top;}
.img4 {width:168px;background:url("../images/page/img4.jpg") no-repeat left top;}
.img5 {width:171px;background:url("../images/page/img5.jpg") no-repeat left top;}
.img6 {width:119px;background:url("../images/page/img6.jpg") no-repeat left top;}
.img7 {width:218px;background:url("../images/page/img7.jpg") no-repeat left top;}

#pagetext h2 {
    margin:0 0 10px 0;
    padding:0;
    color:#ff0000;
    font-size:1.2em;
}
#pagetext p {
    margin:5px 0 20px 0;
    line-height:1.4em;
    text-align:justify;
}

#pagetext .doleva {
  float:left;
  width:150px;
}

#pagetext .doprava {
  float:right;
  width:500px;
  color:#ffffff;
  font-size:0.8em;
}

#pagetext a {
  color:#ff0000;
}

#pagetext img {
  border:3px solid #ff0000;
}

/*b2 katalog*/

#katalog-title {
    position:relative;
    display:block;
    margin:0 0 0 25px;
    padding:0;
    width:178px; 
    height:37px;
    color:#fff;
    overflow:hidden;
    z-index:8;
    font-size:1.2em;
}
#katalog-title span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:178px; 
    height:37px;
    cursor:pointer;
    background:url("../images/title-katalog.jpg") no-repeat left top;
}
#b2katalog {
    margin:0 0 30px 13px;
    padding:0;
}
#b2katalog li {
    margin:0;
    padding:0 0 0 50px;
    height:27px;
    line-height:27px;
    list-style:none;
}
#b2katalog li a {
    color:#fff;
    text-decoration:none;
    font-size:14px;
}
#b2katalog li a:hover {
    color:#ff0000;
    text-decoration:underline;
}
#b2katalog li a.selected {
    color:#ff0000;
    text-decoration:underline;
}
#kat1 {background:url("../images/icons/1.jpg") no-repeat left top;}
#kat2 {background:url("../images/icons/2.jpg") no-repeat left top;}
#kat3 {background:url("../images/icons/3.jpg") no-repeat left top;}
#kat4 {background:url("../images/icons/4.jpg") no-repeat left top;}
#kat5 {background:url("../images/icons/5.jpg") no-repeat left top;}
#kat6 {background:url("../images/icons/6.jpg") no-repeat left top;}
#kat7 {background:url("../images/icons/7.jpg") no-repeat left top;}
#kat8 {background:url("../images/icons/8.jpg") no-repeat left top;}
#kat9 {background:url("../images/icons/9.jpg") no-repeat left top;}
#kat10 {background:url("../images/icons/10.jpg") no-repeat left top;}
#kat11 {background:url("../images/icons/11.jpg") no-repeat left top;}
#kat12 {background:url("../images/icons/12.jpg") no-repeat left top;}
#kat13 {background:url("../images/icons/13.jpg") no-repeat left top;}
#kat14 {background:url("../images/icons/14.jpg") no-repeat left top;}
#kat15 {background:url("../images/icons/15.jpg") no-repeat left top;}
#kat16 {background:url("../images/icons/16.jpg") no-repeat left top;}

.error {
  text-align:center;
  background-color:#000000;
  color:#ff0000;
  border:2px solid #ff0000;
  padding:5px;
}

.registrace input {
  border:1px solid #dddddd;
}

.vlevo {
  float:left;
  margin-right:20px;
}

.vpravo {
  float:right;
  margin-left:20px;
  margin-bottom:20px;
  display:block;
}

.vpravo2 {
  float:right;
  margin-left:20px;
  margin-bottom:20px;
}

.doprava2 {
  float:right;
  margin-left:20px;
  margin-bottom:20px;
  margin-right:20px;
  border:0;
}

#pagetext img.doprava2 {
  border:0;
}

#pagetext div img.no {
  border:0;
}

#pagetext .galerie a img{
  margin:10px;
}

p.vpravo {
  text-align:right;
}

table.reg tr td {               
  vertical-align:top;
}

table.reg tr td input.active {
  background:#f8dc54;
  border:1px solid #ff0000;
}

table.reg tr td input {
  font-size:13px;
  
  width:200px;
}

table.reg tr td input.ra {
  font-size:13px;
  width:15px;
  border:0;
  height:18px;
}

table.reg tr td input.short {
  font-size:13px;
  width:50px;
}