/* CSS Document */
body{
  margin: 0; 
  padding: 0 15px 0 15px;
  text-align: center; 
  font-family: "Comic Sans MS CE", "Arial CE", "Sand CE", "Helvetica CE", "Comic Sans MS", lucida, fantasy;
  font-size: 90%;
  background: url("/img/bgTop.jpg") repeat-x center top;
} 
#main{ 
  min-width: 980px;
  max-width: 1200px; 
  margin-right: auto;
  margin-left: auto; 
  text-align: left;
}
p{
  margin: 0px;
}
.fLeft{
  float: left;
}
.fRight{
  float: right;
}
.block{
  display: block;
}
.bold{
  font-weight: bold;
}
/* barvy a dekorace textu
------------------------------*/
h1, h2{
  color: #7fa31f;
  font-size: 120%;
}
#leftColumn h2{
  color: #d47a19;
  font-size: 110%;
  margin: 10px 5px 5px 10px;
  display: block;
}
#headText{
  color: #d47a19;
  font-size: 80%;
}
#menu li a{
  color: #014d6f;
  text-decoration: none;
}
#menu li.active a, #menu li a:hover{
  color: black;
}
#foot p, #foot p a, #boxLogin .registrace{
  color: #646464;
}
#foot p.partneri, .tipCard .cena1{
  font-size: 90%;
}
#categories a, #detailInfo1 .koupit{
  color: white;
  text-decoration: none;
}
.card h3 a{
  font-size: 90%;
}
.card h3 a, .tipCard h3 a, .logBut, .hledatBut, .box .head span,.box .head h2{
  color: white;
}
.card h3 a:hover, .tipCard h3 a:hover{
  text-decoration: none;
}
.card, #boxKosik span{
  color: #545454;
}
.card .cena1 span, .tipCard .cena1 span, #detailInfo1 .cena1{
  text-decoration: line-through;
}
.card .cena2, .tipCard .cena2, #detailInfo1 .cena2{
  font-size: 120%;
}
#boxLogin h3{
  font-size: 100%;
  position: relative;
  z-index: 2;
  margin: 30px 0 -10px 0;
}
.card .cena2, .tipCard .cena2, #detailInfo1 .cena2{
  color: #4299c4;
}
#boxKosik .kosikText, #boxLogin h3{
  color: #d47a19;
}
.card .koupit{
  color: white;
  text-decoration: none;
}
#bodyFoot a{
  color: #7b7e77;
  font-size: 90%;
}
#menu{
  font-weight: bold;
}
#boxPages, #menu .active, #boxSort a{
  color: black;
}
#boxPages a, a, #boxPosition a{
  color: #d47a19;
}
/* head
------------------------------*/

h1.nadpis {
	position: absolute;
	margin-left: 90px;
	margin-top: 5px;	
	height: 25px;	
	color: #ae8d5b;
	font-weight: normal;
}

#logo1{
  position: absolute;
  margin-top: 37px;
  margin-left: 68px;
}
#logo1 img, #logo2 img{
  border: 0;
}
#logo2{
  position: absolute;
  margin-top: 38px;
  margin-left: 545px;
}
#head{
  background: url("/img/head1.jpg") no-repeat;
  height: 335px;
  width: 980px;
  margin: 0 auto 0 auto;
}
#menu{
  list-style: none;
  position: absolute;
  float: right;
  margin-left: 525px;
  margin-top: 147px;
  margin-bottom: 10px;
}
#menu li a, #menu li strong{
  width: 192px;
  text-align: center;
  display: block;
  line-height: 25px;
  text-transform: uppercase;
  background: url("/img/menu.jpg") center -10px no-repeat white;
}
#menu li.first a {
	width: 200px;
}
#menu li a:hover, #menu li.active a, #menu li strong, #menu li.first strong{
  background-position: center bottom ;
}
#headText{
  float: left;
  margin-top: 204px;
  width: 350px;
  margin-bottom: 10px;
}
#boxVyhledavani{
  position: absolute;
  top: 124px;
  margin-left: 20px;
}
#boxVyhledavani fieldset{
  border: 0;
  width: 380px;
  height: 35px;
  padding-top: 25px;
  background: url("/img/hledatText.jpg") no-repeat 70px 5px;
}
#boxVyhledavani .hledatText{
  background: transparent;
  width: 134px;
  margin-left: 22px;
  border: 0;
  position: absolute;
  top: 30px;
}
#boxVyhledavani .hledatBut{
  background: url("/img/butNajit.jpg") no-repeat;
  border: 0;
  width: 89px;
  height: 49px;
  padding-top: 20px;
  margin-left: 8px;
  cursor: pointer;
	position: absolute;
  top: 5px;
  right: 73px;
}
#boxKosik{
  float: right;
  width: 180px;
  margin-top: 149px;
}
#boxKosik .kosikPic{
  float: right;
}
#boxKosik .kosikPic img{
  border: 0;
}
#boxKosik .kosikText{
  margin-bottom: 5px;
  margin-top: 10px;
}
#boxLogin{
  width: 200px;
  margin-right: -200px;
  margin-top: 224px;
  float: right;
}
#boxLogin fieldset{
  border: 0;
}
#boxLogin .logBut{
  background: url("/img/butVstoupit.jpg") no-repeat;
  border: 0;
  width: 96px;
  height: 29px;
  padding-top: 3px;
  cursor: pointer;
  margin-top: 42px;
  margin-left: -25px;
  position: relative;
}
#boxLogin #logLoginObal {
  background: url("/img/logLogin.jpg") no-repeat center;
  width: 123px;
  height: 42px;
  position: absolute;
  margin-left: -25px;
}
#boxLogin #logLogin{
  border: 0;
  line-height: 1.3em;
	border: none;
	width: 90px;
	margin: 18px 0 0 18px;
	background-color: transparent;
}
#boxLogin #logHesloObal{
  background: url("/img/logPass.jpg") no-repeat;
  width: 84px;
  height: 62px;
  position: absolute;
  margin-left: 98px;

}
#boxLogin #logHeslo{
  border: none;
  width: 63px;
  margin: 18px 0 0 10px;
  background-color: transparent;
}
#boxLogin .registrace{
  position: absolute;
  margin-left: 120px;
  margin-top: -32px;
  z-index: 5;
}
#boxLogin .logout{
  margin-top: 15px;
}
#boxLogin .logout a{
  display: block;
  margin-top: 5px;
}
/* body
------------------------------*/
#bodyHeadBg{
  background: url("/img/bodyHeadBgL.jpg") bottom left no-repeat;
  position: relative;
}
#bodyHead{
  position: relative;
  background: url("/img/bodyHeadBgR.jpg") bottom right no-repeat;
  text-align: right;
  height: 165px;
  margin-bottom: -150px;
}
#bodyBg{
  background: url("/img/bodyBgL.jpg") top left repeat-y;
  clear: both;
  position: relative;
}
#body{
  position: relative;
  background: url("/img/bodyBgR.jpg") top right repeat-y;
}
#bodyFootBg{
  clear: both;
  position: relative;
  background: url("/img/bodyFootBgL.jpg") bottom left no-repeat;
}
#bodyFoot{
  background: url("/img/bodyFootBgR.jpg") bottom right no-repeat;
  text-align: right;
  padding: 10px 30px 10px 0;
  position: relative;
  aclear: both;
}
#bodyFoot .nahoru{
  background: url("/img/nahoru.jpg") left center no-repeat;
  padding-left: 13px;
  margin-right: 10px;
}
#bodyFoot .tisk{
  background: url("/img/tisk.jpg") left center no-repeat;
  padding-left: 20px;
  margin-right: 10px;
}
#bodyFoot .prohlaseni{
  background: url("/img/bryle.jpg") left center no-repeat;
  padding-left: 25px;
}
#flashx{
  aposition: absolute;
  left: 0px;
  float: right;
  top: 0px;
  width: 450px;
  height: 250px;
  abackground-color: yellow;
}      
.eur{
  font-size:8pt;
}

/* Foot
------------------------------*/
#foot{
  clear: both;
  position: relative;
}
#foot p{
  width: 40%;
  margin: 5px 5px 0 5px;
}
#foot p.fRight{
  text-align: right;
}
#foot p.partneri{
  padding-top: 10px;
  margin-bottom: 10px;
  clear: both;
  width: 100%;
  text-align: center;
  background: url("/img/doubleLine.jpg") repeat-x;
}
/* leftColumn
------------------------------*/
#leftColumn{
  aborder: solid 1px red;
  position: relative;
  width: 222px;
  float: left;
  aleft: 8px;
  padding-left: 8px;
}
#categories, #categories ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
#categories{
  margin-top: -8px;
}
#categories li{
  padding: 0;
  margin: 0;
}
#categories li a{
  background: url("/img/cat1.jpg") no-repeat top #bc2900;
  min-height: 19px;
  width: 206px;
  border-bottom: solid 1px #eec1a0;
  display: block;
  padding: 5px 5px 5px 10px;
}
#categories li.first a{
  background: url("/img/catFirst.jpg") no-repeat top #bc2900;
}
#categories li ul li a, #categories li.first ul li a{
  background: url("/img/cat2.jpg") no-repeat top #fd6301;
  padding-left: 30px;
  width: 186px;
}
#categories li ul li.active a, #categories li.first ul li.active a{
  background: url("/img/cat3.jpg") no-repeat top #7c0500;
  padding-left: 30px;
  width: 186px;
}
#categories li a:hover{
  background: url("/img/cat4.jpg") no-repeat top #7c0500;
}
#categories li.first a:hover{
  background: url("/img/catFirstH.jpg") no-repeat top #7c0500;
}

.tipCard{
  width: 188px;
  margin: 0 0 10px 14px;
  float: left;
  background: url("/img/tipCard.jpg") no-repeat bottom;
}
.tipCard h3{
  display: block;
  text-align: center;
  padding: 3px 5px 3px 5px;
  margin: 0;
  font-size: 100%;
  background: url("/img/tipCardTop.jpg") no-repeat top;
}
.tipCard .pic img{
  border: 0;
  display: block;
  max-width: 186px;
  margin: 0 auto 15px auto;
}
.tipCard .cena1{
  margin: 10px 0 5px 10px;
  display: block; 
  float: left;
  width: 186px;
}
.tipCard .cena2{
  display: block;
  float: left;
  margin-left: 10px;
}
.tipCard .koupit{
  float: right;
  margin: -10px 10px 5px 0;
}
.tipCard .koupit img{
  border: 0;
}

/* content 
------------------------------*/
#content{
  position: relative;
  margin: 0 30px 0 245px;
  min-height: 160px;
}
#cards{
  aclear: right;
}
#cards div.card h3 span{
  display: none;
  float: right;
  color: white;
  margin: 0 5px 0 5px;
  padding: 0 10px 0 15px;
  margin-top: -13px;
  line-height: 34px;
  text-align: center;
  font-size: 80%;
}
#cards div.akce span.akce{
  display: block;
  background: url("/img/akce.jpg") left top no-repeat;
}
#cards div.dop span.dop{
  display: block;
  background: url("/img/dop.gif") left top no-repeat;
}
#cards div.nej span.nej{
  display: block;
  background: url("/img/nej.gif") left top no-repeat;
}
#cards div.akce .bgTR{
  background: url("/img/cardAkceTR.gif") right top no-repeat;
  height: 34px;
}
#cards div.dop .bgTR{
  background: url("/img/cardDopTR.gif") right top no-repeat;
  height: 34px;
}
#cards div.nej .bgTR{
  background: url("/img/cardNejTR.gif") right top no-repeat;
  height: 34px;
}
.card{
  aborder: solid 1px #c6d264;
  abackground: white;
  margin-top: 23px;
  position: relative;
  float: left;
  width: 100%;
}
.card .tl{
  background: url("/img/cornerTL.gif") left top no-repeat;
}
.card .pic{
  float: left;
  margin: 10px 5px;
}
.card .pic img{
  border: 0;
}
.card .info1{
  clear: right;
  float: right;
  margin-right: 25px;
}
.card .info2{
  margin: 5px 200px 10px 140px;
}
.card .info2 h3{
  background: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.card .bgML{
  background: url("/img/cardML.jpg") left top repeat-y;
  float: left;
  width: 100%;
}
.card .bgMR{
  float: right;
  background: url("/img/cardMR.jpg") right top repeat-y;
  width: 100%;
}
.card .bgTL{
  background: url("/img/cardTL2.gif") 8px top no-repeat;
  float: left;
  width: 100%;
  height: 13px;
  margin-top: -4px;
  margin-left: -8px;
}
.card .bgTR{
  float: right;
  position: relative;
  z-index: 5;
  height: 13px;
  width: 9px;
  margin-right: -8px;
  amargin-left: -9px;
  background: url("/img/cardTR2.gif") right top no-repeat;
}
.card .bgBL{
  float: left;
  background: url("/img/cardBL.jpg") left bottom no-repeat;
  width: 100%;
}
.card .bgBR{
  float: right;
  background: url("/img/cardBR.jpg") right bottom no-repeat;
  width: 100%;
}
.card h3{
  margin:-2px 1px 0 131px;
  aposition: relative;
  adisplay: block;
  adisplay: none;  
  background: url("/img/cardH32.jpg") left bottom no-repeat #e3ea28;
}
.card h3 a{
  padding: 0px 10px 5px 10px;
  aposition: relative;
  amargin-right: 0;
  abackground: url("/img/cardTR2.jpg") right top no-repeat;
  display: block;
  abackground: url("/img/cardH3.jpg") left bottom no-repeat #e3ea28;
}
.card .doba{
  margin: 5px 0 5px;
  display: block;
}
.card .cena1{
  margin: 5px 0 5px 0;
  display: block; 
}
.card .cena2{
  display: block;
}
.card .koupit{
  display: block;
  margin-top: 0px;
  width: 64px;
  height: 27px;
  padding: 17px 0 10px 50px;
  background: url("/img/butKoupit.jpg") no-repeat;
}
#clanky1{
  background: url("/img/clankyBg.jpg") no-repeat left top;
  width: 49%;
  float: left;
  margin-bottom: 30px;
}
#clanky2{
  background: url("/img/clankyBg.jpg") no-repeat left top;
  width: 49%;
  float: right;
  margin-bottom: 30px;
}
#clanky1 .bg{
  background: url("/img/clanky1.jpg") no-repeat right top;
  awidth: 48%;
  height: 140px;
  padding-left: 14px;
}
#clanky2 .bg{
  background: url("/img/clanky2.jpg") no-repeat right top;
  awidth: 48%;
  height: 140px;
  padding-left: 14px;
}
#clanky1 h3, #clanky2 h3{
  padding: 0 14px 0 0px;
  color: white;
  line-height: 37px; 
  margin: 0;
}
#clanky1 li a, #clanky2 li a{
  color: #555555;
  background: url("/img/clankySipky.jpg") no-repeat right center;
  padding-right: 14px;
}
#clanky1 ul, #clanky2 ul{
  margin: 5px 0px 3px 14px;
  padding: 0px 0px 0px 0px;
}
#clanky1 span a, #clanky2 span a{
  background: url("/img/clankySipky.jpg") no-repeat left center;
  padding-left: 14px;
}
#boxSort{
  float: right;
  clear: right;
  margin-top: 5px;
}
#boxPages{
  width: 100%;
  clear: both;
  text-align: center;
}
#boxPages img{
  border: 0;
  padding-top: 20px;
  margin: 0 5px -4px 5px;
}
#boxPosition{
  float: right;
}
#boxPosition a.sipka{
  padding-left: 25px;
  margin-left: 5px;
  line-height: 16px;
  background: url("/img/sipka.gif") no-repeat left;
}  
 
.box .head{
  background: url("/img/boxTR.jpg") no-repeat right top;
}
.box .head span, .box .head h2{
  background: url("/img/boxTL.jpg") no-repeat left top;
  display: block;
}
.box .head h2{
  padding: 10px;
}
.box .bgML{
  background: url("/img/cardML.jpg") left top repeat-y;
  afloat: left;
  width: 100%;
}
.box .bgMR{
  afloat: right;
  background: url("/img/cardMR.jpg") right top repeat-y;
  width: 100%;
}
.box .bgBL{
  afloat: left;
  background: url("/img/cardBL.jpg") left bottom no-repeat;
  width: 100%;
}
.box .bgBR{
  afloat: right;
  background: url("/img/cardBR.jpg") right bottom no-repeat;
  width: 100%;
  text-align: center;
}
.box .bgBR input[type="submit"]{
  margin: 10px 200px 0 200px;
}
.box .content{
  margin: 10px;
  text-align: left;
}

#detailPics{
  width: 180px;
  text-align: center;
  float: left;
}
#detailPics .head span{
  padding: 5px;
}
#detailPics img{
  border: 0;
  margin: 5px 0;
}
#detailInfo1{
  margin-left: 190px;
  position: relative;
}
#detailInfo1 .doba{
  margin-top: 5px;
}
#detailInfo1 div.cena{
  margin: 0 auto 0 auto;
  width: 290px;
overflow: hidden;
text-align: center;
}
#detailInfo1 div.cena select{
	float: left;
	margin-top: 17px;
}
#detailInfo1 div.cena input.svetle{
  background: url("/img/button2.gif") left top;
  border: 0;
  display: block;
  width: 150px;
  height: 34px;
  font-weight: bold;
  color: white;
  font-size: 90%;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  float: right;
}
#detailInfo1 div.cena div.clear {
	clear: both;
}
#detailInfo1 .cena1{
  margin: 10px 0 2px 0;
  display: block; 
}
#detailInfo1 .cena2{
  display: block; 
}
#detailInfo1 .koupit{
  display: block;
  float: right;
  margin-top: -5px;
  width: 64px;
  height: 27px;
  padding: 17px 0 0 50px;
  background: url("/img/butKoupit.jpg") no-repeat;
}
#detailInfo2{
  margin-left: 190px;
  position: relative;
}
#detailInfo2 p{
  margin: 10px 0 10px 0;
}
/* kosik */
#formOrder .box .bgBR, #formOrder .box .bgTR, #formOrder .box .bgMR{
  float: right;
}
#formOrder .box .bgBL, #formOrder .box .bgTL, #formOrder .box .bgML{
  float: left;
}
#formOrder{
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  color: black; 
}

#formOrder .table.bgML{
  background: url("/img/cardML.jpg") left top repeat-y;
}
#formOrder .table.bgMR{
  background: url("/img/cardMR.jpg") right top repeat-y;
}
#formOrder .table.bgBL{
  background: url("/img/cardBL.jpg") left bottom no-repeat;
}
#formOrder .table.bgBR{
  background: url("/img/cardBR.jpg") right bottom no-repeat;
}
#tabOrder{
  border-collapse: collapse;
  width: 100%;
  border: none;
  margin-bottom: 10px;
  background:  url("/img/boxTR.jpg") no-repeat right top;
}
#tabOrder thead{
  height: 24px;
  color: white;
}
#tabOrder thead td{
  background: none;
}
#tabOrder input{
  width: 30px;
  text-align: center;
}
#tabOrder thead td.sloupec1{
  background:  url("/img/boxTL.jpg") no-repeat;
  border: 0;
}
#tabOrder tbody td.sloupec1{
  background:  url("/img/tableBod.jpg") repeat-y left top white;
}
#tabOrder tbody td.sloupec5{
  background:  url("/img/tableBod.jpg") repeat-y right top white;
}
#tabOrder tfoot td{
  background:  url("/img/tableBod.jpg") repeat-x left bottom white;
}
#tabOrder tfoot td.sloupec1{
  background: white;
}
#tabOrder tfoot td.sloupec5{
  background: white;
}

#tabOrder td{ 
  padding: 3px 10px 3px 10px; 
  text-align: center;
  background: white;
}
#tabOrder thead td{
  text-align: center;
}
#tabOrder tr.sudy td.sloupec1{
  background: url("/img/tableBod.jpg") repeat-y left top #e0e0e0;
}
#tabOrder tr.sudy td.sloupec5{
  background: url("/img/tableBod.jpg") repeat-y right top #e0e0e0;
}

#tabOrder tr.sudy td{
  background: #d9d9d9;
}
#tabOrder img{
  border: 0;
}
#formOrder fieldset{
  margin-bottom: 5px;
  position: relative;
  amargin-right: 20px;
  margin-left: -10px;
  width: 700px;
  border: 0;
}
#formOrder fieldset h2{
  position: relative;
  font-size: 110%;
  margin: 0 0 5px 0;
  padding: 5px;
  text-align: center;
}
#formOrder fieldset.box .bgBR{
  padding-bottom: 10px;
}
#formOrder .mySubmit{
  background: url("/img/button1.gif") left top;
  border: 0;
  width: 100px;
  height: 34px;
  font-weight: bold;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-size: 80%;
}
#formOrder .mySubmit:hover{
}
#formOrder .basketsubmit{
  background: url("/img/button2.gif") left top;
  border: 0;
  display: block;
  width: 150px;
  height: 34px;
  font-weight: bold;
  color: white;
  font-size: 90%;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
#formOrder .basketsubmit:hover{

}
#formOrder textarea{
  width: 49%;
}
#formOrder textarea#notes{
  width: 190px;
}
.center{
  text-align: center;
}
#formOrder .leftpart{
  width: 49%;
}
#formOrder fieldset p{
  float: right;
  width: 49%;
  margin: 0;
  font-size: 80%;
  color: rgb(128,128,128);
}
#formOrder fieldset label.conlabel{
  float: left;
  display: block;
  width: 100px;
}
#formOrder fieldset label.obligatory{
  font-weight: bold;
}
#formOrder fieldset label:hover{
  text-decoration: underline;
}
#formOrder fieldset input.coninput{
  afloat: left;
  width: 125px;
  adisplay: block;
  border-color: rgb(209,209,209);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 1px;
  font-weight: normal;
}
/* END kosik */
#body-green{
  padding: 5px;
  border: solid 3px green;
  margin-bottom: 10px;
}
#body-info{
  padding: 5px;
  border: solid 3px #be2d01;
  margin-bottom: 10px;
  background: #e6b92c;
}
#body-error{
  padding: 5px;
  border: solid 3px red;
  margin-bottom: 10px;
}
.none{
 display: none;
}
/* BANNERY */
#banner1{
  float: left;
  margin: 10px;
  width: 337px;
  height: 155px;
  background: url("/img/banner-katalog-2010.png") no-repeat center top;
}
#banner1 h3{
  float: left;
  margin: 20px 0px 0px 100px;
  width: 237px;
  font-size: 115%;
  color: white;
}
#banner1 p{
  float: left;
  margin: 10px 0px 0px 100px;
  width: 237px;
  font-size: 115%;
  color: gray;
}
#banner1 p+p{
	margin: 10px 0px 0px 150px;
	font-size:100%;
}
#banner1 a{
  font-size: 115%;
}
#banner1 a:hover{
  text-decoration: none;
}
#banner2 h3{
  float: left;
  margin: 4px 0px 0px 20px;
  width: 319px;
  font-size: 115%;
  color: white;
}
#banner2 p{
  float: left;
  margin: 10px 0px 0px 150px;
  width: 187px;
  font-size: 115%;
  color: gray;
}
#banner2 p+p{
	margin: 0px 0px 0px 150px;
	font-size:100%;
}
#banner2 strong{
  font-size: 115%;
  color: #d47a19;
}
#banner2{
  float: left;
  margin: 26px 10px 10px 10px;
  width: 337px;
  height: 139px;
  background: url("/img/banner-darek.png") no-repeat center top;
}

/* tabulka v detailu */
div#detailInfo2 table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #327ba0;
}
div#detailInfo2 table td {
	padding: 3px 8px;
	border: 1px solid #327ba0;
}
div#detailInfo2 table tr:first-child td {
	background: #84c1df;
	color: #fff;
	font-weight: bold;
}
div#detailInfo2 table tr td:first-child {
	background: #84c1df;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

/* ***** TEHOTENSKA KALKULACKA ***** */
form.kalkulacka {
	margin-top: 40px;
}
form.kalkulacka div.greyBox {
	overflow: hidden;
	background: #b0c5dd url(../img/kalkulacka_greyBoxLeftTop.jpg) no-repeat left top;
}
form.kalkulacka div.greyBox div.greyBox2 {
	background: url(../img/kalkulacka_greyBoxRightTop.jpg) no-repeat right top;
}
form.kalkulacka div.greyBox div.greyBox2 div.greyBox3 {
	background: url(../img/kalkulacka_greyBoxRightBottom.jpg) no-repeat right bottom;
}
form.kalkulacka div.greyBox div.greyBox2 div.greyBox3 div.greyBox4 {
	background: url(../img/kalkulacka_greyBoxLeftBottom.jpg) no-repeat left bottom;
}

/* greyBox > active */
form.kalkulacka div.greyBox.active {
	overflow: hidden;
	background: #e1ad25 url(../img/kalkulacka_greyBoxLeftTopActive.jpg) no-repeat left top;
}
form.kalkulacka div.greyBox.active div.greyBox2 {
	background: url(../img/kalkulacka_greyBoxRightTopActive.jpg) no-repeat right top;
}
form.kalkulacka div.greyBox.active div.greyBox2 div.greyBox3 {
	background: url(../img/kalkulacka_greyBoxRightBottomActive.jpg) no-repeat right bottom;
}
form.kalkulacka div.greyBox.active div.greyBox2 div.greyBox3 div.greyBox4 {
	background: url(../img/kalkulacka_greyBoxLeftBottomActive.jpg) no-repeat left bottom;
}

/* greyBox > obsah */
form.kalkulacka {
	position: relative;
}
form.kalkulacka div.left {
	margin-right: 160px;
}
form.kalkulacka div.greyBox fieldset {
	border: none;
	padding: 8px 5px 3px 5px;
	line-height: 1.7em;
}
form.kalkulacka div.greyBox label {
	width: 215px;
	display: block;
	float: left;
	clear: left;
	font-weight: bold;
}
form.kalkulacka div.greyBox input {
	color: #BC2900;
	font-weight: bold;
	width: 135px;
	display: block;
	float: left;
}
form.kalkulacka div.greyBox input.short {
	width: 23px;
	text-align: center;
	margin-right: 10px;
}
form.kalkulacka div.greyBox strong {
	line-height: 24px;
}
form.kalkulacka div.greyBox label.checkbox {
	width: auto;
	margin-left: 211px;
}
form.kalkulacka div.greyBox label.checkbox input {
	width: auto;
	margin-right: 10px;
}

form.kalkulacka span.or {
	margin-left: 12px;
	color: #767676;
	display: block;
	padding: 8px 0 4px 0; 
}

form.kalkulacka div.right {
	position: absolute;
	right: 0;
	top: 0;
}
form.kalkulacka div.right input.submitLarge {
	width: 141px;
	height: 216px;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
	border: none;
	padding: 0;
	background: url(../img/submitGreenLarge.jpg);
}


/* kalkulacka > bily box */
form.kalkulacka div.whiteBox {
	margin: 7px -10px 0 -4px;
	background: #dbe8f6 url(/img/whiteBoxCenter.jpg) repeat-x top;
}
form.kalkulacka div.whiteBox div.whiteBox2 {
	background: url(/img/whiteBoxLeft.jpg) no-repeat left top;
}
form.kalkulacka div.whiteBox div.whiteBox2 div.whiteBox3 {
	height: 42px;
	overflow: hidden;
	padding: 23px 20px 0 20px;
	background: url(/img/whiteBoxRight.jpg) no-repeat right top;
}
form.kalkulacka div.whiteBox span {
	color: #999999;
	float: left;
	width: 380px;
	font-weight: bold;
}
form.kalkulacka div.whiteBox strong {
	color: #eaff00;
	float: right;
	font-size: 1.2em;
	margin-right: 10px;
	width: 120px;
}

form.kalkulacka div.whiteBox.active {
	background: #b14d00 url(/img/whiteBoxCenterActive.jpg) repeat-x top;
}
form.kalkulacka div.whiteBox.active div.whiteBox2 {
	background: url(/img/whiteBoxLeftActive.jpg) no-repeat left top;
}
form.kalkulacka div.whiteBox.active div.whiteBox2 div.whiteBox3 {
	background: url(/img/whiteBoxRightActive.jpg) no-repeat right top;
}
form.kalkulacka div.whiteBox.active span, form.kalkulacka div.whiteBox.active {
	color: #fff;
	font-weight: bold;
}