*{padding: 0;margin: 0;border: 0; list-style-type: none;}
a{text-decoration: underline; color: White;}
a:hover{text-decoration: none;}
p{margin-bottom: 15px; line-height: 142%;}
a.target {font-size: 0px; display: block; height: 1px; height: 1px; text-decoration: none;}

.red {color: #df0021;}
.white {color: White;}
.clearer {clear: both; font-size: 0px; height: 0px;}
.pointer {cursor: pointer;}
.center {text-align: center;}

body
{
  background: url(../images/design/body.png);
  color: White;
  font-family: Arial;
  font-size: 12px;
}

#upshadow
{
  background: url(../images/design/banner.png) repeat-x;
  height: 130px;
  width: 100%;
}

#homepage
{
  background: url(../images/design/homepage.jpg) no-repeat 50% 0%;
  height: 900px;
  min-width: 1000px;
  width: 100%;
  margin: auto;
}

#content
{
  width: 1000px;
  margin: auto;
  position: relative;
  z-index: 1;
}

#logo
{
  background: url(../images/design/logo.png) no-repeat;
	background-position: 0 34px;
  position: absolute;
  width: 412px;
  height: 186px; 
  z-index: 2;
  top: 10px; 
  left: 3px; 
  overflow: hidden;
}

#logo img {position: absolute; z-index: 4;}

#logo span
{
  position: absolute;
  z-index: 3;
  font-size: 18px;
  color: White;
  font-weight: bold;
  padding: 70px 20px 20px 20px;
}

#menu
{
  background: url(../images/design/menu_hnusne.png) no-repeat;
  /*width: 605px; */
	width: 729px;
  height: 87px;
  position: absolute;
  /*left:385px; */
	left: 261px;
  top:39px;
  padding-top: 27px;
	z-index: 10;
}

#menu ul {width: auto; margin:2px 0 0 0px; overflow: hidden;}
#menu ul li {float: left; margin-right: 8px; text-align: center;}
#menu ul li.m1 {width: 67px; margin-left: 20px;}
#menu ul li.m2 {width: 65px;}
#menu ul li.m3 {width: 57px;}
#menu ul li.m4 {width: 56px; margin-right: 10px;}
#menu ul li.m5 {width: 46px;}
#menu ul li.m6 {width: 31px; margin-right: 10px;}
#menu ul li.m7 {width: 42px; margin-right: 16px;}
#menu ul li.m8 {width: 65px;}
#menu ul li.m9 {width: 43px;}


#menu a, #menu a.visited 
{
  color: White; 
  font-size: 13px; 
  text-decoration: none;
  display: block;
  height: 48px;
  padding-top: 12px;
}
#menu a:hover, #menu a.active {color: #df0021;}

#footerholder
{
  clear: both;
  background: url(../images/design/footer.png) no-repeat 50% 0%;
  min-width: 1000px;
  width: 100%;
  height: 80px;
  text-align: center;
}

#footer
{
  position: relative;
  width: 1000px;
  height: 80px;
  margin: auto;
  text-align: left;
}
#footer table tr
{
  font-size: 12px;
}
#footerholder table {margin: 14px 0px 0px 197px;}
#footerholder td {width: 140px;}

#footerholder #raynet
{
  position: absolute;
  z-index: 5;
  width: 137px;
  height: 29px;  
  top: 26px;
  left: 800px;
}

#footerholder #raynet img {
  position: absolute;
  z-index: 7;
}

#footerholder #raynet span {
  position: absolute;
  z-index: 6;
  font-size: 10px;
  overflow: hidden;
}


/* HOMEPAGE */
#hometext 
{
  position: relative;
  width: 460px;
  left: 530px;
  top: 156px;
}

#hometext h1
{
  font-size: 36px;
  font-family: Tahoma;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 125%;
}

#hometext h2
{
  font-size: 20px;
  font-family: Tahoma;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 125%;
}

#homepage p
{
  color: #c8c8c8;
}

#homepage strong {color: white;}

#hometext #popis
{
  float: left;
  width: 212px;
  height: 280px;
  padding-right: 40px;
}

#hometext #faq
{
  float: left;
  background: url(../images/design/faq.png) no-repeat;
  width: 162px;
  height: 254px;
  padding: 13px 23px;
}

#hometext #faq .sipka {margin: 0 6px 0 5px;}
#hometext #faq a {color: #df0021;}
#hometext #faq a.yellow {color: #f3e03b; text-decoration: none; display: block; margin-bottom: 10px;}
#hometext #faq a.kaki {color: #cfbe91; text-decoration: none; display: block; margin-bottom: 10px;}

#hometext #majitele
{
  background: url(../images/design/majitele.png) no-repeat;
  clear: both;
  float: left;
  width: 196px;
  height: 224px;
  margin-left: 16px;
  position: relative;
  padding: 20px;
}

#hometext #majitele p, #hometext #majitele p a {color: #5f5f5f; text-decoration: none;}  
#hometext #majitele p strong, #hometext #majitele p a strong {color: #323232; font-weight: bold;}

#hometext #majitele h2 a
{
  display: block;
  color: #3c097a;
  width: 100px;
  line-height: 100%;
  margin-bottom: 15px;
  text-decoration: none;
}

#hometext #majitele img
{
  width: 80px;
  height: 80px;
  position: absolute;
  left: 108px;
  top: -51px;
  border: 0px;
}

#hometext #majitele #majitel1, #hometext #majitele #majitel2, #hometext #majitele #majitel3
{
  position: absolute;
  top: 80px;
  left: 20px;
}

#hometext #majitele #majitel1
{
  display: block;
}

#hometext #majitele #majitel2, #hometext #majitele #majitel3
{
  display: none;
}

#hometext #majitele #majitele-vice
{
  position: absolute;
  z-index: 10;
  bottom: 10px;
  right: 10px;
}

#hometext #majitele #majitele-vice a {color: #DF0021; font-weight: bold;}

#hometext #duvody
{
  float: left;
  background: url(../images/design/duvody.png) no-repeat;
  width: 187px;
  height: 234px;
  padding: 10px 10px 20px 11px;
}

#hometext #duvody .pet{color: #c3001d; font-size: 50px; float: left; font-weight: bold; font-family: Tahoma; margin-right: 3px;}
#hometext #duvody h2{color: #37274b; letter-spacing: -1px; line-height: 100%; padding-top: 12px;}
#hometext #duvody h2 strong{color: #c3001d;}

#hometext #duvody ul {margin-left: 10px;}
#hometext #duvody ul li {color: #37274b; margin-bottom: 10px;}
#hometext #duvody ul li strong {color: White; font-weight: bold; font-size: 14px; margin-right: 3px; float: left; display: block; height: 20px; margin: -1px 6px 0px 0px;}

#homefooter
{
  position: absolute;
  top: 785px;
  left: 206px;
  color: White;
  font-size: 11px;
}

#homefooter td {width: 140px;}

#homefooter #raynet
{
  position: absolute;
  z-index: 5;
  width: 137px;
  height: 29px;  
  top: 11px;
  left: 576px;
}

#homefooter #raynet img {
  position: absolute;
  z-index: 7;
}

#homefooter #raynet span {
  position: absolute;
  z-index: 6;
  font-size: 10px;
  overflow: hidden;
}

#spoje {position: absolute; top: 235px; left: 54px; width: 140px; height: 60px; font-size: 11px;}
#zamky {position: absolute; top: 481px; left: 155px; width: 140px; height: 60px; color: #c8c7c7; font-size: 11px;}
#matky {position: absolute; top: 682px; left: 208px; width: 140px; height: 60px; color: #c8c8c8; font-size: 11px;}

#spoje strong {display: block; margin-bottom: 5px; color: white; font-size: 12px;}
#zamky strong {display: block; margin-bottom: 5px; color: #c8c7c7; font-size: 12px;}
#matky strong {display: block; margin-bottom: 5px; color: #c8c8c8; font-size: 12px;}

#home-spoje {position: absolute; top:208px; left: 221px; z-index: 11; height: 86px; width: 86px; cursor: pointer;}
#home-zamky {position: absolute; top:468px; left: 56px; z-index: 11; height: 86px; width: 86px; cursor: pointer;}
#home-matky {position: absolute; top:672px; left: 358px; z-index: 11; height: 86px; width: 86px; cursor: pointer;}

#home-spoje span, #home-zamky span, #home-matky span{position: absolute; height: 86px; width: 86px; z-index: 12;}

#home-spoje span, #home-zamky span, #home-matky span{visibility: hidden;}
#home-spoje.hover span, #home-zamky.hover span, #home-matky.hover span{visibility: visible;}

/* detaily bezpečnostních prvků */
#bezpecnost
{
  background: url(../images/design/bezpecnost.jpg) repeat-x 50% 0%;
  min-height: 900px;
  min-width: 1000px;
  width: 100%;
  margin: auto;
}

#bezpecnostholder
{
  position: relative;
  z-index: 10;
  width: 588px;
  float: left;
  margin: 185px 0px 0px 402px;
}

#bezpecnostholder h1
{
  font-size: 36px;
  font-family: Tahoma;
  margin-bottom: 20px;
  font-weight:normal;
}

#bezpecnosttext
{
  background: url(../images/design/bezpecnost-text.jpg) no-repeat;
  height: 763px;
  width: 588px;
  margin-bottom: 20px;
  padding-top: 20px;
}

#bezpecnosttext .blok
{
  background: url(../images/design/bezpecnost-line.png) no-repeat 155px 103px;
  width: 588px;
  height: 104px;
}

#bezpecnosttext .blok .hover
{
  width: 588px;
  height: 104px;
}

#bezpecnosttext .blok .hover.active
{
  background: url(../images/design/bezpecnost-hover.png) no-repeat 74px 0px;
}

#bezpecnosttext .blok .hover img
{
  float: left;
  margin: 5px 20px 0px 20px;
}

#bezpecnosttext .blok .hover .number
{
  float: left;
  margin: 7px 15px 0px 0px;
  color: #c8b88c;
  font-size: 24px;
  font-weight: bold;
  height: 80px;
}

#bezpecnosttext .blok .hover .popis
{
  float: left;
  padding-top: 10px;
  color: #c8c8c8;
  width: 420px;
}

#bezpecnosttext .blok .hover .popis strong
{
  color: white;
}

#bezpecnost-down
{
  position: absolute;
  background: url(../images/design/bezpecnost-down.png) no-repeat;
  width: 320px;
  height: 241px;
  top: 740px;
  left: 15px;
  z-index: 7;
  padding: 15px;
  color: #c8c8c8;
}

#bezpecnost-down h2, #konf-down h2 
{
  color: #ebe1ff; 
  font-family: Tahoma; 
  font-size: 20px; 
  margin: 10px 0px 20px 0px; 
  font-weight: normal;
}

#bezpecnost-down strong, #konf-down {color: White;}
#bezpecnost-down li
{
  background: url(../images/design/bezpecnost-li.png) no-repeat;
  padding-left: 15px;
  margin: 10px 0px;
}

#bpopis1, #bpopis2, #bpopis3, #bpopis4, #bpopis5, #bpopis6, #bpopis7
{
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 7;
  margin: 0px;
  padding: 0px;
}

#bpopis1 {top: 215px; left: 52px;}
#bpopis1.active {background: url(../images/design/bezpecnost01.png) no-repeat;}
#bpopis2 {top: 402px; left: 231px;}
#bpopis2.active {background: url(../images/design/bezpecnost02.png) no-repeat;}
#bpopis3 {top: 220px; left: 223px;}
#bpopis3.active {background: url(../images/design/bezpecnost03.png) no-repeat;}
#bpopis4 {top: 587px; left: 176px;}
#bpopis4.active {background: url(../images/design/bezpecnost04.png) no-repeat;}
#bpopis5 {top: 354px; left: 61px;}
#bpopis5.active {background: url(../images/design/bezpecnost05.png) no-repeat;}
#bpopis6 {top: 404px; left: 316px;}
#bpopis6.active {background: url(../images/design/bezpecnost06.png) no-repeat;}
#bpopis7 {top: 214px; left: 159px;}
#bpopis7.active {background: url(../images/design/bezpecnost07.png) no-repeat;}

/* Klasické stránky */
#podstranky
{
  min-height: 900px;
  min-width: 1000px;
  width: 100%;
  margin: auto;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.img0 {background: url(../images/design/konfig-bg.jpg);}
.img1 {background: url(../images/design/klece01.jpg);}
.img2 {background: url(../images/design/klece02.jpg);}
.img3 {background: url(../images/design/klece03.jpg);}
.img4 {background: url(../images/design/klece04.jpg);}
.img5 {background: url(../images/design/klece05.jpg);}
.img6 {background: url(../images/design/klece06.jpg);}
.img7 {background: url(../images/design/klece07.jpg);}
.img8 {background: url(../images/design/klece08.jpg);}
.img9 {background: url(../images/design/klece09.jpg);}
.img10 {background: url(../images/design/klece10.jpg);}
.img11 {background: url(../images/design/klece11.jpg);}
.img12 {background: url(../images/design/klece12.jpg);}
.img13 {background: url(../images/design/klece13.jpg);}
.img14 {background: url(../images/design/klece14.jpg);}
.img15 {background: url(../images/design/klece15.jpg);}
.img16 {background: url(../images/design/klece16.jpg);}
.img17 {background: url(../images/design/klece17.jpg);}
.img18 {background: url(../images/design/klece18.jpg);}
.img19 {background: url(../images/design/klece19.jpg);}
.img20 {background: url(../images/design/klece20.jpg);}
.img21 {background: url(../images/design/klece21.jpg);}
.img22 {background: url(../images/design/klece22.jpg);}
.img23 {background: url(../images/design/klece23.jpg);}
.img24 {background: url(../images/design/klece24.jpg);}

#odkazkonf
{
  height:454px;
  left:19px;
  position:absolute;
  top:194px;
  width:328px;
  display: block;
  cursor: pointer;
}

#odkazkonfsrovnani
{
  height:486px;
  left:19px;
  position:absolute;
  top:352px;
  width:328px;
  display: block;
  cursor: pointer;
}

#odkazkonfhome
{
  height:562px;
  left:19px;
  position:absolute;
  top:196px;
  width:462px;
  display: block;
  cursor: pointer;
  z-index:20;
}

#odkazdokonf
{
  color:#C8C8C8;
  font-size:12px;
  left:7px;
  position:absolute;
  top:640px;
  width:137px;
  z-index: 30;
  padding-left: 50px;
}
#odkazdokonf a {color: #DF0021; font-weight: bold;}
#odkazdokonf img {float: left; margin: 6px 5px 0 0;}
#odkazdokonf h2 {color: #ebe1ff; font-size: 20px; margin-bottom: 8px;}

#upshadow #content a.span {text-decoration: none;}

#tgback
{
  background: url(../images/design/tg-back.jpg) repeat-y;
  height: auto;
  width: 588px;
  margin-bottom: 20px;
}

#tgtext
{
  background: url(../images/design/tg-text.jpg) no-repeat;
  height: auto;
  min-height: 592px;
  width: 528px;
  padding: 20px 30px 20px 30px;
  color: #5f5f5f;
}

#tgtext h2, #konf-white-text h2
{
  color: #3c097a;
  font-size: 20px;
  font-family: Tahoma;
  font-weight: normal;
  margin-bottom: 20px;
}

#tgtext h3, #konf-white-text h3
{
  color: Black;
  font-size: 14px;
  font-family: Tahoma;
  font-weight: bold;
  margin: 20px 0px 7px;
}

#tgtext strong, #konf-white-text strong
{
  color: #c9b88d;
  font-family: Verdana;
}

#tgtext ul, #konf-white-text ul
{
  margin-bottom: 15px;
}

#tgtext li, #konf-white-text li
{
  background: url(../images/design/tg-li.png) no-repeat 0px 6px;
  margin: 7px 0px;
  padding-left: 15px;
}

#tgtext a, #konf-white-text a
{
  color: #461681;
  font-weight: bold;
}

#tgtext table
{
  font-size: 12px;
  width: 100%;
  border-bottom: solid 1px #cacacb;
}

#tgtext td
{
  padding-left: 20px;
}

#tgtext th
{
  background: url(../images/design/th-bg.png) no-repeat;
  text-align: left;
  color: #a39572;
  font-weight: bold; 
  height: 43px; 
  padding-left: 20px;
}

#tgtext td.first
{
  color: #5F5F5F;
  font-weight: bold;
  height: 32px;
  padding-left: 20px;
  width: 200px;
  border-right: solid 1px #cacacb;
}

#tgtext td.price
{
  font-weight: bold;
  font-size: 17px;
}

#tgtext input.small
{
  background: url(../images/design/inputsmall.png) no-repeat;
  width: 93px;
  height: 28px;
  line-height: 28px;
  padding: 0;
}

#tgtext input.text
{
  background: url(../images/design/input.png) no-repeat;
  width: 240px;
  height: 28px;
  line-height: 28px;
  padding: 0;
}

#tgtext textarea
{
  background: url(../images/design/textarea.png) no-repeat;
  width: 240px;
  height: 163px;
  padding: 0;
  margin: 2px 0 10px 0;
}

#tgtext .fotoholder
{
  background: url(../images/design/img-bg.png) no-repeat;
  clear: both;
  width: 84px;
  height: 82px;
  float: left;
  margin: 13px 15px 0 0;
  padding: 6px 0px 0px 4px
}
#tgtext .textholder
{
  float: left;
  width: 420px;
  margin: 13px 0 0 0;
}

#tgtext .right{text-align: right;}
#tgtext .center{padding-top: 10px;}
#tgtext .center .submit
{
  clear: both;
  color: #461681;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  cursor: pointer;
}

#konfigurace
{
  position: absolute;
  width: 320px;
  top: 636px;
  left: 15px;
  z-index: 11;
  padding: 15px;
  color: #c8c8c8;
}

#konfigurace th{color: #c9b88d; font-size: 14px; font-weight: bold; text-align: left;}
#konfigurace td.first{color: #c9b88d; width: 50px;}
#konfigurace td{color: White;}

.certifikaty
{
  width: 488px;
  margin: auto;
}

.certifikaty a 
{
  text-decoration: none;
  display: block;
  width: 99px;
  height: 142px;
  background: url(../images/design/certifikaty-bg.png) no-repeat;
  float: left;
  padding: 4px 0 0 3px;
  margin: 10px;
}

.certifikaty2
{
  width: 488px;
  margin: auto;
}

.certifikaty2 div
{
  float: left;
  text-align: center;
}

.certifikaty2 a.foto
{
  text-decoration: none;
  display: block;
  width: 99px;
  height: 142px;
  background: url(../images/design/certifikaty-bg.png) no-repeat;
  padding: 4px 0 0 3px;
  margin: 10px 10px 0px 10px;
  text-align: left;
}

.photo-item
{
	margin-bottom: 15px;
}

.img-wrap
{
	display: block;
	width: 90px;
	height: 135px;
	overflow: hidden;
}

.razeni
{
	display: none;
}


.dokument {text-align:center;}

.dokument a.foto
{
  text-decoration: none;
  display: block;
  width: 99px;
  height: 142px;
  background: url(../images/design/certifikaty-bg.png) no-repeat;
  padding: 4px 0 0 3px;
  margin: 10px auto 0;
  text-align: left;
}

/* Konfigurator */
#konfiguratorhover
{
  position: absolute;
  top: 193px;
  left: 19px;
  height: 577px;
  width: 327px;
  background-repeat: no-repeat;
  z-index: 1;
}

#konfiguratorhover img {position: absolute; top: 0px; left: 0px; z-index: 2;}
#konfiguratorhover img.first {z-index: 4;}
#konfiguratorhover.noimage img {display: none;}
#konfiguratorhover.hover0 {background: url('/images/design/klecehover0.png');}
#konfiguratorhover.hover1 {background: url('/images/design/klecehover1.jpg');}
#konfiguratorhover.hover2 {background: url('/images/design/klecehover2.jpg');}
#konfiguratorhover.hover3 {background: url('/images/design/klecehover3.jpg');}
#konfiguratorhover.hover4 {background: url('/images/design/klecehover4.jpg');}
#konfiguratorhover.hover5 {background: url('/images/design/klecehover5.jpg');}
#konfiguratorhover.hover6 {background: url('/images/design/klecehover6.jpg');}
#konfiguratorhover.hover7 {background: url('/images/design/klecehover7.jpg');}
#konfiguratorhover.hover8 {background: url('/images/design/klecehover8.jpg');}
#konfiguratorhover.hover9 {background: url('/images/design/klecehover9.jpg');}
#konfiguratorhover.hover10 {background: url('/images/design/klecehover10.jpg');}
#konfiguratorhover.hover11 {background: url('/images/design/klecehover11.jpg');}
#konfiguratorhover.hover12 {background: url('/images/design/klecehover12.jpg');}
#konfiguratorhover.hover13 {background: url('/images/design/klecehover13.jpg');}
#konfiguratorhover.hover14 {background: url('/images/design/klecehover14.jpg');}
#konfiguratorhover.hover15 {background: url('/images/design/klecehover15.jpg');}
#konfiguratorhover.hover16 {background: url('/images/design/klecehover16.jpg');}
#konfiguratorhover.hover17 {background: url('/images/design/klecehover17.jpg');}
#konfiguratorhover.hover18 {background: url('/images/design/klecehover18.jpg');}
#konfiguratorhover.hover19 {background: url('/images/design/klecehover19.jpg');}
#konfiguratorhover.hover20 {background: url('/images/design/klecehover20.jpg');}
#konfiguratorhover.hover21 {background: url('/images/design/klecehover21.jpg');}
#konfiguratorhover.hover22 {background: url('/images/design/klecehover22.jpg');}
#konfiguratorhover.hover23 {background: url('/images/design/klecehover23.jpg');}
#konfiguratorhover.hover24 {background: url('/images/design/klecehover24.jpg');}
#konfiguratorhover.hover25 {
	background: url(/images/design/dvere25.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover26 {
	background: url(/images/design/dvere26.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover27 {
	background: url(/images/design/dvere27.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover28 {
	background: url(/images/design/dvere28.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover29 {
	background: url(/images/design/dvere29.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover30 {
	background: url(/images/design/dvere30.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover31 {
	background: url(/images/design/dvere31.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}
#konfiguratorhover.hover32 {
	background: url(/images/design/dvere32.png) left -1px no-repeat;
	height: 703px;width: 581px;top: 149px;left: -100px;z-index: 10;
}


#konf-typ
{
  background: url(../images/design/konfigurator-text.jpg) no-repeat;
  width: 548px;
  margin-bottom: 20px;
  padding: 20px 20px 20px 20px;
}

#konf-typ img
{
  float: right;
  /*margin-top: 38px;*/
  cursor: pointer;
	top: 38px;
	position: absolute;
}

#konf-typ h2, #konf-barva h2 {font-family: Tahoma; font-size: 20px; font-weight: normal;}
#konf-typ h3, #konf-barva h3 {font-family: Arial; font-size: 12px; font-weight: normal; color: #cfbe91; margin-bottom: 10px; width: 100px;}
#konf-typ p, #konf-barva p {font-size: 11px; color: #b4b4b4; }

#color-grayer {
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #464646;
	width: 588px;
	height: 279px;
	height: inherit;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.konfig-subtitle 
{
	font-size: 9px;
	color: #cfbe91;
	display: block;
	width: 100px;
}

#konf-typ .tahokov
{
  float: left;
  width: 80px;
  height: 100px;
  margin-top: 20px;
	position: relative;
}

#konf-typ .oddelovac
{
  background: url(../images/design/oddelovac.png) no-repeat;
  width: 1px;
  font-size: 1px;
  height: 127px;
  float: left;
  margin: 8px 15px 0 17px;
}

#konf-barva
{
	position: relative;
  background: url(../images/design/konfigurator-text.jpg) no-repeat;
  width: 548px;
	height: 279px;
  margin-bottom: 20px;
  padding: 20px 20px 0px 20px;
}

#konf-barva .barva
{
  float: left;
  width: 165px;
}

#konf-barva .oddelovac2
{
  background: url(../images/design/oddelovac2.png) no-repeat;
  width: 1px;
  font-size: 1px;
  height: 199px;
  float: left;
  margin: -26px 10px 0 10px; 
}

#konf-barva .barva img
{
  float: right;
  margin-top: 0px;
  cursor: pointer;
}

#konf-barva h3 {margin-bottom: 5px;}
#konf-barva p {margin-bottom: 16px;}
#konf-barva strong.zalkadni {display: block; width: 500px; margin-top: 20px;}

.hr {width: 100%; height: 1px; background: url(../images/design/hr.png) no-repeat 50% 0%; margin: 15px 0 18px;}

#konf-white-back
{
  background: white;
  height: auto;
  width: 588px;
  margin-bottom: 20px;
}

#konf-white-text
{
  background: url(../images/design/konf-white-bg.jpg) no-repeat right top;
  height: auto;
  width: 548px;
  padding: 20px 20px 20px 20px;
  color: #5f5f5f;
}

#konf-white-text .polozka 
{
  float: left;
  width: 165px;
}

#konf-white-text .polozka h3 {margin-top: 0px; height: 40px;}

#konf-white-text .oddelovac3
{
  background: url(../images/design/white-oddelovac.png) no-repeat;
  width: 1px;
  font-size: 1px;
  height: 185px;
  float: left;
  margin: 8px 10px 0 10px; 
}

#konf-white-text a
{
  display: block;
  font-weight: normal;
  color: #875cde;
  font-size: 11px;
  margin-top: 5px;
  float: left;
}

#konf-white-text a.foto
{
  text-decoration: none;
  display: block;
  width: 80px;
  height: 80px;
  background: url(../images/design/img-bg.png) no-repeat;
  float: left;
  margin-top: 0px;
  padding: 6px 4px 2px 4px;
}

#konf-white-text a.lupa
{
  text-decoration: none;
  display: block;
  float: left;
  margin: 10px 7px 0 7px;
}

#konf-down-holder
{
  position: absolute;
  
  width: 350px;
  top: 760px;
  left: 15px;
  z-index: 11;
}

#konf-down strong.red {color: #df0021;}
#konf-down
{
  
  background: url(../images/design/konf-down.png) no-repeat;
  color: #c8c8c8;
  padding: 15px;
}

#konf-down .blok
{
  clear: both;
  height: 100px;
  background: url(../images/design/bezpecnost-line.png) no-repeat 112px 94px;
}
#konf-down .blok h3{font-size: 12px; margin-bottom: 5px;}
#konf-down .blok img
{
  float: left;
  margin-right: 25px;
}

/* Proč si vybrat sklepek */
#srovnani
{
  
  min-width: 1000px;
  width: 100%;
  height: 900px;
  margin: auto;
  background: url(../images/design/srovnani.jpg) no-repeat 50% 0%;
}

#srovnani #prostredni p
{
  color: #c8c8c8;
}

#srovnani #prostredni
{
  position: absolute;
  height: 400px;
  top: 160px;
  left: 392px;
  width: 225px;
  z-index: 10;
}

#srovnani #prostredni #rozcestnik
{
  background: url(../images/design/srovnani-rozcestnik.jpg) no-repeat;
  width: 216px;
  height: 216px;
}

#srovnani #prostredni #rozcestnik .polozkarozc
{
  float: left;
  width: 106px;
  height: 92px;
  text-align: center;
  margin: 1px;
  padding-top: 10px;
}

#srovnani #prostredni #rozcestnik .polozkarozc a
{
  color: #5f5f5f;
}

#srovnani #prostredni .srovnani-line
{
  background: url(../images/design/srovnani-line.png) no-repeat;
  font-size: 1px;
  height: 1px;
  width: 208px;
  margin: 15px 0 15px 5px;
}

#srovnani #prostredni h1
{
  font-family: Tahoma;
  font-size: 36px;
  font-weight: normal;
  margin-bottom: 15px;
}

#srovnani #leva
{
  background: url(../images/design/left-text.jpg) no-repeat;
  position: absolute;
  top: 172px;
  left: 10px;
  z-index: 10;
  width: 310px;
  padding: 17px 20px 0px 20px;
  color: #5f5f5f;
}
#srovnani #leva h2, #srovnani #prava h2
{
  color: #3c097a;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
  font-family: Tahoma;
}


#srovnani #prava
{
  position: absolute;
  top: 172px;
  left: 640px;
  z-index: 10;
  width: 310px;
  padding: 17px 20px 0px 20px;
  color: #5f5f5f;
}

#srovnani .imgholder
{
  background: url(../images/design/img-bg.png) no-repeat;
  width: 84px;
  height: 104px;
  float: left;
  margin: 3px 15px 0 0;
  padding: 6px 0px 0px 4px
}

#srovnani #faq
{
  float: left;
  background: url(../images/design/faq.png) no-repeat;
  width: 162px;
  height: 254px;
  padding: 13px 23px;
}
#srovnani #faq h2 {font-size: 20px; font-family: Tahoma; font-weight: normal; margin-bottom: 25px; line-height: 125%;}
#srovnani #faq .sipka {margin: 0 6px 0 5px;}
#srovnani #faq a {color: #df0021;}
#srovnani #faq a.yellow {color: #f3e03b; text-decoration: none; display: block; margin-bottom: 10px;}
#srovnani #faq a.kaki {color: #cfbe91; text-decoration: none; display: block; margin-bottom: 10px;}

/* Kontakt */
.mapholder
{
  background: url(../images/design/mapa-bg.png) no-repeat;
  float: right;
  width: 135px;
  height: 93px;
  padding: 6px 0 0 7px;
  margin: 20px 60px 0 0;
}