/*------------------------- css - illichman.cz-------------------------*/
*{	border: none;	margin-left: 0px;	padding: 0;}
body {
     background-color: #838383;
     background-image: url(../img/top-left.gif);
     background-repeat: repeat-x;
     color: #111111;
     font-family: trebuchet ms, arial;
     font-size: 78%;
     height: 100%;
     line-height: 1.4;
     margin: 0 auto;
     text-align: center;
     width: 100%;
}
/*------------------------- obsah -------------------------*/
#hlavni {
     display: block;
     height: auto;
     margin: 0 auto;
     min-height: 500px;
     position: relative;
     width: 880px;
}
#in {
     background: url(../img/obsah.gif) top center repeat-y;
     float: left;
     min-width: 880px;
     z-index: 10;
}
#obsah {
     display: block;
     float: left;
     margin: 0px auto 0px auto;
     position: relative;
     width: 880px;
}
.obsah {
  margin: 0px auto 0px auto;	width: 800px;	clear: both;
}

#min_main {
   background: url(../img/obsah.gif) top center repeat-y; min-width: 880px; margin-left: 1px;
}
#min {
   background: url(../img/obsah.gif) top center repeat-y; min-width: 880px; z-index: 10;
}
a:hover {
     color: #f29e00;
     text-decoration: none;
}
/*------------------------- nadpisy -------------------------*/

.nadpis_list {
     text-align: center; font-size: 120%;  margin: 3px;
}
 h1 {
     text-align: center; font-size: 160%;  font-weight: bold;  margin: 10px; text-decoration: none; 
}
h2 {
     text-align: center; font-size: 130%;
}
h3 {
     text-align: left; font-size: 155%;  font-weight: bold;  text-decoration: underline; padding-left: 25px;
}

/*------------------------- rozdeleni obsahoveho pole -------------------------*/
#leva {
  clear: right; float: left; height: auto; position: relative; right: 110px; width: 190px;
}

/*------------------------- prava -------------------------*/
#prava {
     float: right;
     position: relative;
     text-align: left;
     top: -260px;
     width: 880px;
}
#prava  hr {
  background-color: #333333;	border: 0 none;	color: #888888;	height: 1px; margin: 15px auto;	position: relative;	text-align: center;	width: 80%;
}
#prava .popis_center {
  clear: both; color: #202020; font-size: 130%; left: 0px; margin: 0 auto; position: relative; text-align: center;
}

/*------------------------- logo -------------------------*/
#logo { 
  background: #e4e5e4; height: 396px; margin: 0 auto; position: relative; text-align: center; width: 880px; 
}
#logo a { 
  color: #333333; font-weight: normal; text-decoration: none; 
}
#logo p { 
  color: #3c396c; font-size: 120%; position: absolute; right: 60px; top: 21px; 
}
#logo2 { 
  background: #e4e5e4; height: 150px; margin: 0 auto; position: relative; text-align: center; width: 880px; 
}
#logo-stavba { 
  background: url("../img/logo-stavba.jpg")  no-repeat; display: block; height: 271px; width: 880px; 
}
#logo-stavba1 { 
  background: url("../img/logo-stavba1.jpg")  no-repeat; display: block; height: 125px; width: 880px; 
}
#slogan h1 { 
  clear: both; color: #111111; float: right; font-size: 130%; font-weight: bold; height: 15px; left: 40px; margin: 0 10px 10px 0; position: absolute; text-align: left; top: 120px; 
}

/*kontakty u loga*/
#sloganx {
  clear: both; color: #111111; float: right; font-size: 140%; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 190px;
}

/*-------------------------  -------------------------*/
hr {
  background-color: #333333; border: 0 none; color: #888888; height: 1px; margin: 15px auto; position: relative; text-align: center; width: 85%;
}
.noscreen {
  background: transparent; border: none; clear: both; font-size: 1px; height: 1px; margin: 0; padding: 0; visibility: hidden;
}
img {
  border: 0;
}
.but {
  padding: 10px 5px;
}

/*odkazy*/

.vedle {
  color: #111111; text-decoration: none;
}
/*------------------------- tabulka na uvodni strance -------------------------*/
.card {
     background: #f1e894;  border-bottom: 1px solid #3F3F3F; border-right: 1px solid #3f3f3f; float: left;  font-size: 70%; margin: 0 15px 15px 0;  padding: 10px 0;
     text-align: center; width: 250px; border-left: 1px solid #838383; border-top: 1px solid #838383;
}
.card-desc {
  font-size: 100%; margin: 5px 10px; padding: 0; text-align: left;
}
.card-descx {
  font-size: 80%; margin: 5px 10px; padding-left: 3px; text-align: left;
}
.card-info {
  color: #666; font-size: 90%; margin: 5px 10px 0 10px; padding: 0; text-align: right;
}
.card-photo {
  border: none; margin: 0 auto; padding: 0;
}
.card-photo {
  height: 150px; width: 190px;
}
.card-photo-k {
  height: 150px; width: 130px;
}
.card-title {
  color: #1c3839; font-size: 130%; margin: 0 0 5px 0; font-family: arial, helvetica, sans-serif;
}
.card-titlex {
  color: #1c3839; font-size: 120%; margin: 0 0 2px 0; padding-left: 5px; text-align: center;
}
.cardx {
  background: #f1e894;  border-bottom: 1px solid #3F3F3F; border-right: 1px solid #3f3f3f; float: left; font-size: 80%; margin: 0 5px 3px 0; padding: 2px; text-align: left; width: 250px; border-left: 1px solid #838383; border-top: 1px solid #838383;
}
.cardx img{
  height: 40px; padding: 0px; width: 60px;
}
.cardx table{
  width: 230px;
}
.cardx td{
  padding-left: 3px;
}
.form {
  margin: 0 auto; overflow: hidden; width: 100%;
}
.card a {
  color: #111111;
}

#top {
   background: url(../index.html) repeat-x; float: left; height: 349px; left: 0px; position: absolute; top: 15px; width: 100%; z-index: 0;
 }
#top-left {
   background: url(../img/top-left.gif) repeat-x; height: 330px; left: 0px; position: absolute; top: 0; width: 50%; z-index: 0;
 }
#top-right {
   background: url(../img/top-right.gif) repeat-x; height: 330px; position: absolute; right: 0px; top: 0; width: 50%; z-index: 0;
 }

/*------------------------- formular -------------------------*/
  fieldset { border: #cacaca 1px solid; overflow: hidden; padding: 10px;
}
input {
  background: #fff; border: #cacaca 1px solid; overflow: hidden;
}
input.butt {
  border-bottom: #999 2px solid; border-left: #dfdfdf 2px solid; border-right: #999 2px solid; border-top: #dfdfdf 2px solid;
}
input.butt:hover {
  border-bottom: #f3f3f3 2px solid; border-left: #dfdfdf 2px solid; border-right: #f3f3f3 2px solid; border-top: #dfdfdf 2px solid;
}
legend {
  background: #fff; border-bottom: #999 2px solid; border-left: #dfdfdf 2px solid; border-right: #999 2px solid; border-top: #dfdfdf 2px solid; margin-bottom: 10px; padding: 2px 10px;
}
textarea {
  background: #fff; border: #cacaca 1px solid; margin: 10px; padding: 0; width: 280px;
}
textarea:hover, input:hover {
  background: #f5f5f5; border: #bd4707 1px solid;
}

/*------------------------- content -------------------------*/

#content {
     margin-left: 40px;
     width: 90%;
}
#content .popis_obr{
       font-weight: bold; padding-left: 25px;
}
#content .technicky_popis {
     margin: 5px auto 5 px auto; padding: 1%;
}
#content .popis {
     text-align: left;
     font-size: 135%;
     font-weight: bold;
     text-decoration: underline;
     padding-left: 25px;
     margin-bottom: 40px;
}
#content .detail {
     text-align: left; font-size: 100%; margin: -2px 5px 10px 0px; padding: 5px;
}
#content .text {
     text-align: justify; font-size: 100%; margin: -37px 20px 10px 95px; padding: 5px;
}
#content .text_wide {
     text-align: justify; font-size: 100%; margin: -37px 20px 0px 170px; padding: 5px;
}
#content li {
    margin-left: 5%; margin-right: 5%; text-align: justify; padding: 2px;
}
#content table {
    padding: 2px;
}

/*------------------------- obrázky -------------------------*/

.obrazek, .obrazek-standard,.obrazek-maly {
     background-color: #ffffff;
     border: 1px solid #000000;
     margin: 10px auto 10px auto;
     padding: 2px;
     width: 500px;
}

 .obrazek-standard {
     width: 300px;
}
.obrazek-maly {
     width: 200px;
}
/*------------------------- abs -------------------------*/
#abs_img {
   padding-bottom: 15px
 }
.abs_img_left {
   background-color: #ffffff; border: 1px solid #000000; float: left; width: 320px; height: 239px; padding: 2px; clear: both;
 }
.abs_img_right {
   background-color: #ffffff; border: 1px solid #000000; float: right; width: 320px; height: 239px; padding: 2px; margin-bottom: 30px;
 }

/*------------------------- ass -------------------------*/
#ass_table{
  width: 80%; text-align: center; border: 1px #111111 solid;
}
#ass_table .hlava{
  font-weight: bold; font-size: 120%; background-color: #ff9900; padding: 2px;
}
#ass_table .text{
  font-size: 105%; padding: 2px; text-align: center;
}
#ass_table .text-o{
 font-size: 105%; background-color: #f9db62; padding: 2px;
}
.ass_img {
   background-color: #ffffff; border: 1px solid #000000; clear: both; margin: 10px 150px 20px 150px; padding: 2px; width: 420px;
 }


/*------------------------- tahokov -------------------------*/
#tahokov {
   text-align: center; font-size: 105%;
 }



/*------------------------- aquastop -------------------------*/
#aquastop  {
     text-align: justify;
}
.aquastop-silny {
   color: #ff0000; font-family: trebuchet ms; font-size: 130%; font-style: oblique; font-weight: bold; }
.pozor {
   color: #000099; font-family: trebuchet ms; font-size: 125%; }
 #aquastop table {
    height: 457px;
 }
 #aquastop td {
     padding-left: 5px;
 }
 #aquastop .td_dark {
     background-color: #a2abae;
 }
 #aquastop .td_light {
     background-color: #aeb3bd;
 }
#aquastop li {
     font-size: 100%; list-style-type: decimal; margin-left: 30px;
 }

/*------------------------- kunex -------------------------*/
#kunex {
  background: #f1e894; border: 1px solid #666; font-size: 110%; margin: 0 auto; text-align: center; width: 700px;
}
#kunex li {
  text-align: center;
}
#kunex a {
     color: Black;
     font-weight: bold;
     font-size: 120%;
}
#kunex table{
  margin-left: auto; margin-right: auto; width: 800px;
}
#kunex .k_bunka_1 {
   background-color: #f9db62;  text-align: center;
}
#kunex .k_bunka_2{
   background-color: #f9db62; width: 15%;
}
#kunex .k_bunka_3{
    width: 300px;
}
#kunex .k_bunka_4{
    width: 200px;
}
#kunex .k_bunka_5{
    width: 20%;
}
.tabulka_1{
   margin:0 auto; width: 500px; text-align: center;
}
#kunex-1 h5{
   text-align: center; font-size: 125%
}
/*------------------------- plech bk -------------------------*/
#plech_bk table{
  margin: 25px auto; text-align: left; width: 95%;
}
#plech_bk td{
   width: 50%
}
#plech_bk .img1 {
   background-color: #ffffff; border: 1px solid #000000; padding: 2px; width: 300px; text-align: center; margin-left: 35px;
 }
#plech_bk .img2 {
   background-color: #ffffff; border: 1px solid #000000; padding: 2px; width: 250px; text-align: center; margin-left: 35px;
 }
#plech_bk .img3 {
   background-color: #ffffff; border: 1px solid #000000; padding: 2px; width: 350px; text-align: center; margin-left: 35px;
  }
#plech_bk .img4{
   background-color: #ffffff; border: 1px solid #000000; padding: 2px; text-align:center
 }
#plech_bk p{
  	margin: 10px auto;	text-align: justify; font-size: 103%;
  }
#plech_bk .cislo{
  	margin: 10px auto; font-size: 350%; font-weight: bold;
  }
#plech_bk .foto_instalace{
  width: 314px; height: 214px; background-color: #ffffff; border: 1px solid #000000; padding: 2px;
}
#plech_bk .space{
    height: 45px;
  }

/*------------------------- injektazni hadicka -------------------------*/
#hadicka_doplnky table{
     width: 85%; margin: 1em auto 1em auto; border: 0px;
}
#hadicka_doplnky .e-nadpis{
     padding: 10px 0px 5px 0px;
     font-size: 107%;
     font-weight: bold;
}

/*------------------------- prostupy -------------------------*/
#prostupy .table_prostupy{
    margin: 1em auto 1em auto; border: 0px;
}
#prostupy .table-1-1{
     width: 50%;
     }
#prostupy table{
    width: 85%; margin: 1em auto 1em auto;  border: 1px #111111 solid; text-align: center;
}
#prostupy .table-tl{
    width: 85%; margin: 1em auto 1em auto;  border: none; text-align: center;
}
#prostupy td{
      padding: 2px
}
#prostupy ul{
       text-align: left;
}
#prostupy .typ, .text2w, .text3{
     background-color: White;
}
#prostupy .text1{
     background-color: White;
     font-size: 125%;
     font-weight: bold;
     color: Black;
     border-bottom-color: Black;
     border-bottom: medium;
}
#prostupy .text2, .text2w{
     font-size: 90%;
}
#prostupy .img_tl{
     background-color: #ffffff; border: 1px solid #000000; margin: 0 auto 0 auto; padding: 2px; height: 140px;  text-align: center; float: right; clear: both;
}
#prostupy .img_schema{
     background-color: #ffffff; border: 1px solid #000000; margin: auto; padding: 2px; height: 200px;  text-align: center;
}
#prostupy .pdf{
     float: right; margin: 145px 140px 0px auto; padding: 2px; height: 40px;
}
#prostupy .pdf_prostupy{
     margin: 10px auto 0px 250px; padding: 2px; height: 40px;
}
#prostupy .odrazka{
     margin-left: 60px; padding-top: 5px; font-weight: bold; text-align: left; font-size: 120%;
}
.rozmery{
     width: 10em; text-align: center; font-weight: bold; font-size: 120%; margin-left: 60px;
}
.rozmery a{
     display: block; text-decoration: none; margin-bottom: 0.5em; margin-top: 0.5em; color: #111111; background: #ffffff; border-width: 1px; border-style:      solid; border-color: #111111;  padding: 0.25em 0.5em 0.4em 0.75em;
}
.rozmery a{
     width: 99%; /* Důležité pro IE */
}
.rozmery a:hover {
     background: #818181; border-color: #ffffff; padding: 0.4em 0.35em 0.25em 0.9em; color: #ffffff
}
#prostupy #detail-table{
     margin: 0 auto 0 auto; width: 500px; border: none;
}


/*------------------------- listy -------------------------*/
.listy {
     background: #f1e894;
     border: 1px solid #666;
     font-size: 130%;
     margin: 0 auto 0 auto;
}
.listy  table{
     font-size: 140%;
     text-align: center;
     width: 450px;
}
.listy  td{
  height: 3em; padding: 3px; text-align: center; width: 500px;
}
.listy a{
  color: #111111;
}
.listy a:hover {
     color: Blue;
}

/*------------------------- foto v textu -------------------------*/
.foto{
   float: left; margin-bottom: 15px; margin-right: 15px;
 }
.foto-left {
   float: left; margin: 0 35px 10px 0px;
 }
.foto-right {
   float: right; margin: 0px 0 5px 10px;
 }
.foto-text a img {
   border: #fff 3px double; margin: 3px 5px;
 }
.foto-text a:hover img {
   border: #fff 3px solid;
 }
.galerie a img {
   border: #842908 3px double;
 }

/*------------------------- certifikaty a prohlaseni -------------------------*/
#certifikat table {
  text-align: left; margin-left: auto; margin-right: auto;
}
#certifikat td {
     text-align: center;
}
#certifikat .doc {
     border: 1px solid #838383; width: 200px; height: auto; padding: 2px; background-color: #A9A9A9;
}
#certifikat .tlacitko {
     height: 40px; padding: 2px; margin: 10px 0 10px 0;
}

.prohlaseni {
     border: 1px solid #838383; margin: 0 auto 0 auto; width: 270px; text-align: center; padding: 2px; background-color: #A9A9A9;
}


/*------------------------- tlacitka -------------------------*/
.tlacitko {
     clear: both;
     float: left;
     margin: 0px 0px 0px 90px;
}

.tlacitko img {
   height: 40px;
 }
.tr_1{
   background-color: #f9db62;
 }


/*------------------------- galerie -------------------------*/
#galerie {
     width: 620px;
     margin: 0 auto 60px auto;
}
#galerie .table_nadpis{
   width: 620px
}
#galerie .nadpis{
  	color: #00008b; font-size: 200%; font-weight: bold;
}
#galerie .dalsi {
  	color: #00008b; font-size: 120%; text-align: right; font-weight: bold;
}
#galerie #table_slide{
  height: 402px;
}
#galerie #centering{
  width: 620px;margin:0 auto;text-align:right;
}
#galerie #thumbs{
     width: 620px;
     height: 130px;
     overflow: auto;
     position: absolute;
     left: 130px;
}
#galerie #thumbs_table{
  margin:0;padding:0;
}
#galerie #pata_th{
     margin: 20 auto;
     height: 80px;
}
#galerie .bunka{
   width:90px; height: 90px; text-align:center; vertical-align:middle;margin:0;padding:0;padding-right:19px;
 }
 #galerie .bunka img{
    background-color: #ffffff; border: 1px solid #000000;padding: 2px; height: 84px;
 }
#galerie .bunka1{
   width: 620px; text-align:center; vertical-align:middle;
 }
 #galerie .bunka1 img{
    background-color: #ffffff; border: 1px solid #000000;padding: 2px;
 }
#galerie .left{
     position: relative;
     top: 100px;
     left: -150px;
     margin: 0px;
     clear: both;
}
#galerie .right{
     position: relative;
     top: 50px;
     margin: 0px 500px;
}

/*------------------------- kontakty -------------------------*/
#kontakty  table {
    background: #f1e894; border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; font-size: 110%; margin: 0 auto; padding: 3px; width: 85%; color: #333333;
  }
#kontakty  .adresa {
   font-size: 110%; padding-left: 2em; padding-right: 2em;
 }
#kontakty  .cislo {
  font-size: 120%; font-weight: bold; padding-left: 2em; padding-right: 2em;
}
#kontakty  .email a {
   font-size: 120%; font-weight: bold; padding-left: 2em; padding-right: 2em;text-decoration: none;
 }
#kontakty  .email a:hover {
   color: #ff8c00; font-size: 120%; font-weight: bold; padding-left: 2em; padding-right: 2em;text-decoration: underline;
 }
#kontakty  h3 {
     font-size: 160%;
     font-weight: bold;
     padding: 5px;
     text-decoration: underline;
}
#kontakty  img {
   width: 65px;
 }
#kontakty  .td-width-1 {
   width: 90px;
 }

/*------------------------- napiste -------------------------*/
#napiste  table {
   background: #f1e894;  border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; font-size: 115%; margin: 0 auto; padding: 3px; text-align: center; width: 85%;
}
#napiste  .odeslani {
  font-size: 120%; margin: 2em auto; text-align: center;
}

/*------------------------- tech listy -------------------------*/
#logo-tech_list {
   background: url("../img/logo-tech_list.jpg")  no-repeat; display: block; height: 150px; width: 880px;
 }

/*------------------------- paticka -------------------------*/
#menu-foot{
  left: 255px; position: absolute; top: 50px;
}
#menu-foot a {
  color: #111111;
}
#menu-foot a:hover{
   color: #838383;
}
#menu-foot img{
   height: 40px; width: 40px;
}
#menu-foot td{
   width: 120px;
 }
#nadpaticka {
 float: left; margin: 0 auto; width: 100%;
}
#paticka {
     background: url(../img/paticka.gif) no-repeat; color: #BEBDBD; font-size: 90%; font-weight: bold; height: 145px; margin: 0 auto; position: relative; text-align: center; width: 880px;
 }
#nadpaticka_main {
 float: left; margin: 0 auto; width: 100%; margin-left: 0px;
}
/*------------------------- konec -------------------------*/