/* CSS Document */
html{
  height:100%;
}
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;
  height:100%;
} 
#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: #557804;
  font-size: 110%;
  margin: 10px 5px 5px 10px;
  display: block;
}
#headText{
  color: #8ea73f;
}    
#menu li a{
  color: #63711a;
  text-decoration: none;
}
#menu li.active a, #menu li a:hover{
  color: #494949;
}
#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;
  font-weight: bold;
}
.card h3 a:hover, .tipCard h3 a:hover{
  text-decoration: none;
}
.card, #boxKosik span{
  color: #545454;
}
.card .cena1 span, .tipCard .cena1 span, #detailInfo1 .cena1 span{
  text-decoration: line-through;                                 
}
.card .cena1 .eur, .tipCard .cena1 .eur, #detailInfo1 .cena1 .eur{
  text-decoration:none;  
}
.card .cena2, .tipCard .cena2, #detailInfo1 .cena2{
  font-size: 130%;
}
#boxLogin h3{
  font-size: 100%;
  position: relative;
  z-index: 2;
  margin: 30px 0 -10px 0;
}
#boxKosik .kosikText, .card .cena2, .tipCard .cena2, #detailInfo1 .cena2, #boxLogin h3{
  color: #e88a02;
}
.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: #85a71f;
}
/* head
------------------------------*/
h1.nadpis {
	position: absolute;
	margin-left: 100px;
	margin-top: 5px;	
	height: 25px;	
}

#logo1{
  position: absolute;
  margin-top: 37px;
  margin-left: 68px;
}
#logo1 img, #logo2 img{
  border: 0;
}
#logo2{
  position: absolute;
  margin-top: 38px;
  margin-left: 558px;
}
#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: 36px;  
  background: url("/img/menu.jpg") center -10px no-repeat white;
}
#menu li.first a, #menu li.first strong{
  line-height: 49px;
  background: url("/img/menuFirst.jpg") center 16px no-repeat;
}
#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: 200px;
  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 #logLogin{
  background: url("/img/logLogin.jpg") no-repeat;
  border: 0;
  width: 88px;
  height: 42px;
  padding: 20px 15px 0 20px;
  position: absolute;
  margin-left: -25px;
}
#boxLogin #logHeslo{
  background: url("/img/logPass.jpg") no-repeat;
  border: 0;
  width: 58px;
  height: 42px;
  padding: 20px 15px 0 13px;
  position: absolute;
  margin-left: 98px;
}
#boxLogin .registrace{
  position: absolute;
  margin-left: 120px;
  margin-top: -32px;
  z-index: 5;
}
/* 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;
  top:20px;
}
#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: 0 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;
  top:20px;  
}
#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;
  margin-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 #4e6604;
  min-height: 19px;
  width: 206px;
  border-bottom: solid 1px #ddee9e;
  display: block;
  padding: 5px 5px 5px 10px;
}
#categories li.first a{
  background: url("/img/catFirst.jpg") no-repeat top #4e6604;
}
#categories li ul li a, #categories li.first ul li a{
  background: url("/img/cat2.jpg") no-repeat top #529b03;
  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 #2c3a00;
  padding-left: 30px;
  width: 186px;
}
#categories li a:hover{
  background: url("/img/cat4.jpg") no-repeat top #2c3a00;
}
#categories li.first a:hover{
  background: url("/img/catFirstH.jpg") no-repeat top #2c3a00;
}
#categories li.first li a:hover{
  background: url("/img/cat4.jpg") no-repeat top #2c3a00;
}
.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%;
  position: relative;
}
#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.jpg") left top no-repeat;
}
#cards div.nej span.nej{
  display: block;
  background: url("/img/nej.jpg") 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;
}
#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;
  padding: 5px 10px 5px 10px;
}
.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%;
}
.box .content{
  margin: 10px;  
}
#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.alternative{
  margin:20px 0;
}
#detailInfo1 div.alternative label{
  cursor:pointer;
}
#detailInfo1 div.cena{
  margin: 0 auto 0 auto;
  width: 280px;  
}
#detailInfo1 .cena1{
  margin: 10px 0 2px 0;
  display: block;  
}
#detailInfo1 .cena2{
  display: block; 
}
#detailInfo1 input.koupit{
  display: block;
  border:none;
  float: right;
  width: 114px;
  height: 44px;
  font-size:15px;  
  padding:5px 0 0 25px;  
  cursor:pointer;  
  background: url("/img/butKoupit.jpg") no-repeat;
}
#detailInfo1 .content{
  padding-bottom: 10px;
}
#detailInfo2{
  margin-left: 190px;
  position: relative;
}
#detailInfo2 p{
  margin: 10px 0 10px 0;
}
#accessories{
  width: auto;
  text-align: center;
  margin-bottom: 10px;
}
#accessories a{
  text-decoration: none;
  display: block;
  float: left;
  margin: 10px;
}
#accessories img{
  border: 0;
}
#accessories .reset{
  clear: both;
  height: 0px;
  margin-top: -10px;
}
#accessories .content{
  margin-bottom: 0px;
}
/* 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: 630px;
  color: black;
}
#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:  url("/img/tableBL.jpg") no-repeat left bottom;
}
#tabOrder tfoot td.sloupec5{
  background:  url("/img/tableBR.jpg") no-repeat right bottom;
}

#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: #e0e0e0;
}
#tabOrder img{
  border: 0;
}
#formOrder fieldset{
  margin-bottom: 5px;
  position: relative;
  amargin-right: 20px;
  margin-left: -10px;
  width: 630px;
  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: 82px;
  height: 25px;
  font-weight: bold;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-size: 70%;
}
#formOrder .mySubmit:hover{
}
#formOrder .basketsubmit{
  background: url("/img/button2.gif") left top;
  border: 0;
  display: block;
  width: 140px;
  height: 35px;
  font-weight: bold;
  color: white;
  font-size: 80%;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
#formOrder .basketsubmit:hover{

}
#formOrder textarea{
  width: 49%;
}
.center{
  text-align: center;
}
#formOrder .leftpart{
  width: 49%;
}
#formOrder fieldset p{
  float: right;
  width: 47%;
  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 .leftpart 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 #56ad34;
  margin-bottom: 10px;
  background: #fefeb5;
}
#body-error{
  padding: 5px;
  border: solid 3px red;
  margin-bottom: 10px;
}
#banner1{
  margin: 0 auto;
  padding-top: 5px;
  width: 656px;
  height: 138px;
  background: url("/img/Banner1.png");
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  font-weight: bold;
  font-size: 120%;  
}
#banner1 p{
  margin:0;
  padding:0;
  text-decoration: underline;
}
#banner2{
  margin: 0 auto;
  margin-top: 35px;
  padding-top: 5px;
  width: 656px;
  height: 138px;
  background: url("/img/Banner1.png");
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  font-weight: bold;
  text-decoration: underline;
  font-size: 120%;  
}
/*************** akce *********************/
body div#akceOverlay{
	position: fixed;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	background-color:#000;
	z-index: 30;
	opacity: .6;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";		  	
}

* html div#akceOverlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

body div#akceInside{  
  position:absolute;
  z-index:31;
  left:30%;
  top:30%;
  width:630px;
  height:360px;
  background:url(/img/akce.png) no-repeat;
}

body div#akceInside a.close{
  position:absolute;
  top:23px;
  right:42px;
  text-decoration:underline;
  display:block;
  width:63px;
  text-align:right;
  padding-right:3px;
  height:20px;
  outline:none;  
  color:#000;
  font-size:15px;
}

body div#akceInside h2{
  position:absolute;
  top:40px;
  left:45px;
  font-size:19px;
  text-transform:uppercase;
  color:#4b0000;
}
body div#akceInside div.content{
  position:absolute;
  top:100px;
  left:45px;    
  text-align:left;  
}
body div#akceInside div.content p{
  clear:left;
}
body div#akceInside div.content ul{
  list-style-type:none;  
  width:170px;  
  margin:20px 0 10px 0;
  padding:0;
  float:left;
}

body div#akceInside div.content ul li{
  background:url(/img/akceLi.png) no-repeat;
  padding-left:15px;
  height:20px;
  line-height:12px;  
}

body div#akceInside div.content ul li a{
  color:#386000;
  font-weight:bold;
}
body div#akceInside div.content span.free{
  color:#c10500;
  font-size:20px;
  font-weight:bold;
  text-transform:uppercase;
}

body div#akceInside div.footer{
  position:absolute;
  left:25px;
  bottom:10px;
}

body div#akceInside ul.ul2{
  list-style-type:none;
  margin-left:0;
  padding:0;
  float:left;
  width:280px;    
}
body div#akceInside ul.ul2 li{
  background:url(/img/akceLi2.png) no-repeat;
  padding-left:20px;
  height:30px;
  font-size:13px;
  color:#fff;
  text-align:left;
}
body div#akceInside ul.ul2 li strong{
  font-size:16px;
}