/* CSS Document */
body{
  margin: 0; 
  padding: 0;
  text-align: center; 
  afont-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-weight: 500;
  background: url("../img/bg1.jpg") repeat-x 38px top;
} 
#max{
  max-width: 1240px;
  min-width: 980px;
  position: relative;
  margin-left: auto; 
  margin-right: auto;
  overflow: hidden;
}
#main{ 
  width: 980px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left;
}
a:hover{
  text-decoration: none;
}
h1{
  font-size: 150%;
}
.clear{
  clear: both;
}
.none{
  display: none;
}
#bg1{
  width: 50%;
  height: 287px;
  position: absolute;
  margin-left: -40px;
  background: url("../img/vlnka2.jpg") repeat-x right top;
}
/* colors
------------------------*/
#head .box1 strong{/* Modra barva textu */
  color: #2b8ac6;

}
#content #banner1, #content #banner2, #content #banner3, #content a, h1, #content h3, #categories a, #kocarky a,
#cards .card h3 a, #cards .card p.info a, #cards .card p.cena, #cards .card p.sklad,
#detail p.cena, #detail p.sklad,  #detail a.objFednat, #detail form.dotaz #dotaz-odeslat{/* Tmave modra barva textu */
  color: #005d90;
//#detail p.cena2,
}


#kocarky
{
font-weight:400;
font-size:20px;
}

#head, #head a, #content, #foot p, #foot p a{  /* Seda barva */
  color: #5f6063;
}
#foot p.styl2, #foot p.styl2 a{  /* Svetle seda barva */
  color: #8c8c8c;
}
/* Head
------------------------*/
#head{
  height: 225px;
  width: 1240px;
  top: 0;
  margin-left: -128px;
  background: url("../img/bgHead.jpg") no-repeat;
}
#head .box1{
  position: absolute;
  top: 148px;
  margin-left: 360px; 
font-weight:600;
}
#head .label{
  position: absolute;
  margin: -15px 0 0 10px;
}
#head .address{
  background: url("../img/ico1.jpg") no-repeat left;
  padding-left: 43px;
  height: 40px;

  width: 150px;
  float: left;
}
#head .tel{
  background: url("../img/ico2.jpg") no-repeat left;
  padding-left: 49px;
  height: 40px;
  line-height: 40px;
  width: 150px;
  float: left;
}
#head .mail{
  background: url("../img/ico3.jpg") no-repeat left;
  padding-left: 49px;
  line-height: 40px;
  float: left;
  height: 40px;
}

#head .mail a{
  text-decoration: none;
}
#logo{
  display: block;
  position: relative;
  left: 395px;
  top: 16px;
  width: 385px;
}
#logo img{
  border: 0;
}
/* Body
-----------------------*/
#body{
  position: relative;
  padding-left: 14px;
  float: left;
}
/* LeftColumn
------------------------*/
#leftColumn{
  width: 233px;
  float: left;
  min-height: 812px;
  background: url("../img/bgLeft.jpg") no-repeat -2px top;
}
#categories{
  margin: 30px 0 0 5px;
margin-top:	5px;
  padding: 0;
}
#categories li{
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;

_font-weight:600;
font-weight:800;

}
#categories li a{
  display: block;
  padding: 13px 10px 13px 56px;
}
#categories li.m1 a{
  background: url("../img/m1.jpg") no-repeat 8px center;
  min-height: 16px;
}
#categories li.m2 a{
  background: url("../img/m2.jpg") no-repeat left center;
  min-height: 19px;
}
#categories li.m3 a{
  background: url("../img/m3.jpg") no-repeat left center;
  min-height: 24px;
}
#categories li.m4 a{
  background: url("../img/m4.jpg") no-repeat left center;
  min-height: 29px;
}


#categories li.mk a{
  background: url("../img/klapka.jpg") no-repeat left center;
  min-height: 29px;
}

#categories li.m5 a{
  background: url("../img/m5.jpg") no-repeat left center;
  min-height: 24px;
}
#categories li.m6 a{
  background: url("../img/m6.jpg") no-repeat left center;
  min-height: 24px;
}
#categories li.m7 a{
  background: url("../img/m7.jpg") no-repeat left center;
  min-height: 27px;
  margin-bottom: 2px;
}
#categories li.m8 a{
  background: url("../img/m8.jpg") no-repeat left center;
  min-height: 21px;
}
#categories li.m8{
  margin-bottom: 8px;
}
#categories li.m9 a{
  background: url("../img/m9.jpg") no-repeat left center;
  min-height: 14px;
}
#categories li.m9{
  margin-bottom: 20px;
}
#categories li.m10 a{









  background: url("../img/m10.jpg") no-repeat left center;
  min-height: 26px;
}
#categories li.m10{
  margin-bottom: 7px;
}
#categories li.m11 a{
  background: url("../img/m11.jpg") no-repeat left center;
  min-height: 19px;
}
#categories li.m12 a{
  background: url("../img/m12.jpg") no-repeat left center;
  min-height: 24px;
}
#categories li.m12{
  margin-bottom: 10px;
}
#categories li.m13 a{
  background: url("../img/m13.jpg") no-repeat left center;
  min-height: 34px;
}
#categories li.m13{
  margin-bottom: 10px;
}
#categories li.m14 a{
  background: url("../img/m14.jpg") no-repeat left center;
  min-height: 27px;
}

#categories li.m15 a{
  background: url("../img/m15.jpg") no-repeat left center;
  min-height: 20px;
}


#categories li.m16 a{
  background: url("../img/m16.jpg") no-repeat left center;
  min-height: 20px;
}


#categories li.m17 a{
  background: url("../img/m17.jpg") no-repeat left center;
  min-height: 20px;
}


#categories li.m18 a{
  background: url("../img/m18.jpg") no-repeat left center;
  min-height: 20px;
}


   #categories li.m19 a{
  background: url("../img/m19.jpg") no-repeat left center;
  min-height: 20px;
}

   #categories li.m20 a{
  background: url("../img/m20.jpg") no-repeat left center;
  min-height: 20px;
}

   #categories li.m21 a{
  background: url("../img/m21.jpg") no-repeat left center;
  min-height: 20px;
}



/* Content
------------------------*/
#content{
  padding: 10px;
  float: right;
  width: 713px;
  background: white;
}
#content #banner1{
  background: url("../img/banner1.jpg") no-repeat left bottom;
  padding: 0 20px 44px 121px;
  text-align: left;
  display: block;
  text-decoration: none;
}
#banner1 .big{
  display: block;
  font-size: 140%;
  margin-bottom: 5px;
}
#content #banner2{
  background: url("../img/banner2.jpg") no-repeat left center;
  padding: 20px 20px 24px 121px;
  margin-top: 15px;
  width: 270px;
  float: left;
  text-align: left;
  display: block;
  text-decoration: none;
  min-height: 66px;
}
#banner2 .big{
  display: block;
  font-size: 140%;
  margin-bottom: 5px;
}
#content #banner3{
  background: url("../img/banner3.jpg") no-repeat left center;
  padding: 20px 20px 24px 121px;
  margin-top: 15px;
  margin-left: 290px;
  text-align: left;
  display: block;
  text-decoration: none;
  min-height: 66px;
}
#banner3 .big{
  display: block;
  font-size: 140%;
  margin-bottom: 5px;
}
#content p{
  text-align: justify;
  margin: 0;
}
#content h3{
  margin: 1.5em 0 1em 0;
}
#content ol{
  text-align: justify;
}
#content ol ol{
  list-style: lower-alpha;
}
#content ul.list1{
  padding: 0 0 0 0px;
  margin: 0;
}
#content ul.list1 span{
  display: block;
  float: left;
  width: 8em;
  font-weight: bold;
}
#content ul.list1 li{
  clear: left;
  list-style: none;
}
#content .doba{
  text-align: right;
  width: 11em;
}
#content .doba span{
  display: block;
  float: left;
  width: 5em;
  font-weight: bold;
  clear: left;
  text-align: left;
}
form.obj fieldset{
  border: 0;
}
form.obj label{
  display: block;
  width: 12em;
  margin-left: 1em;
  float: left;
}
form.obj input{
  display: block;
  width: 200px;
  margin-right: 200px;
  margin-left: 187px;
  margin-bottom: 5px;
  border: solid 1px #006b99;
}
form.obj textarea{
  border: solid 1px #006b99;
  width: 400px;
}
form.obj input.none{
  display: none;
}
form.obj input#obj-odeslat{
  border: 0;
  display: block;
  margin: 0 0 0 200px;
  padding: 30px 20px 30px 80px;
  cursor: pointer;
  background: url("../img/ico8.jpg") no-repeat left center;
  text-decoration: underline;
  font-weight: bold;
}
p.navigace{
  float: right;
  width: 300px;
  font-weight: bold;
}
p.navigace span{
  font-weight: normal;
  width: 100px;
  clear: both;
  display: block;
}
.mapa{
  display: block;
  margin: 20px auto;
  border: solid 1px #005d90;
}
#kocarky a{
  display: block;
  float: left;
  width: 237px;
  height: 280px;
  text-align: center;
  font-size: 90%;
}
#kocarky a img{
  border: 0;
  display: block;
}
#kocarky a strong{
  display: block;
  font-size: 110%;

}
#card
{
width:730px;
}
#cards
{
margin-top:-40px;
}


#cards .card{

padding-top:35px;

  clear: left;
}
#cards .card h3{
  background: url("../img/cardBg.jpg") no-repeat center bottom;
  text-align: center;
font-size:22px;
  padding: 15px 20px 10px 20px;
}
#cards .card h3 a{
  text-decoration: none;
}
#cards .card .img{
  float: left;
  display: block;
  margin-right: 40px;
}
#cards .card a img{
  border: 0;
}
#cards div.popis{
  position: relative;

  

}

#cards .card ul{
  position: relative;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  display: block;
}

#cards .card ul li{
  margin: 0;
  alist-style-image: url("../img/bullet1.jpg");
  list-style: none;
  width: 220px;
  float: left;
  display: block;
}
#cards .card ul li span{
  background: url("../img/bullet1.jpg") left 0.3em no-repeat;
  padding-left: 20px;
  awidth: 200px;
  float: left;
  display: block;
}





#cards .card p.info{
  float: left;
  width: 220px;
  clear: left;
}
#cards .card p.info a{

  display: block;
  width: 150px;
  min-height: 51px;
  font-weight: bold;
  padding: 15px 10px 10px 80px;
  background: url("../img/ico4.jpg") no-repeat left center;
}
#cards .card p.cena{
  float: left;
  width: 150px;
  min-height: 46px;
  font-weight: bold;
  padding: 20px 10px 10px 80px;
  background: url("../img/ico5.jpg") no-repeat left center;
  font-size: 80%;
}
#cards .card p.cena strong, #cards .card p.sklad strong{
  display: block;
  font-size: 140%;
}
#cards .card p.sklad{
  float: left;
  display: block;
  min-height: 46px;
  width: 160px;
  font-weight: bold;
  padding: 20px 10px 10px 80px;
  background: url("../img/ico6.jpg") no-repeat left center;
  font-size: 80%;
  margin-bottom: 30px;
}
#detail .img{
  text-align: center;
}
#detail .img img{
  border: 0;
}
#detail p.sklad{
  float: left;
  clear: left;
  display: block;
  min-height: 46px;
  width: 200px;
margin-top:30px;
  font-weight: bold;
  padding: 20px 10px 10px 80px;
  background: url("../img/ico6.jpg") no-repeat left center;
  font-size: 80%;
}
#detail p.cena{
  float: left;
  width: 200px;
  min-height: 46px;
  font-weight: bold;
  padding: 20px 10px 10px 80px;
margin-top:60px;  
background: url("../img/ico5.jpg") no-repeat left center;
  font-size: 80%;
}
#detail p.cena strong, #detail p.sklad strong{
  display: block;
  font-size: 140%;
}

#detail ul{
  margin-left: 290px;
}
#detail ul li{
  list-style-image: url("../img/bullet1.jpg");
}
#detail p.cena2{
  
  padding: 00px 20px 40px 10px;
margin-top:-15px;
  font-size: 100%;
  text-align: left;
  font-weight: bold;
}
#detail table td.sl1{
  font-weight: bold;
  padding-right: 50px;
}
#detail a.objednat{


  width: 280px;
height: 200px;
  font-weight: bold;
  padding: 60px 20px 35px 120px;
  background: url("../img/ico7.jpg") no-repeat left center;
  font-size: 95%;


}


#detail a.poslat{


  width: 280px;
//  min-height: 31px;
  font-weight: bold;
 padding: 40px 130px 35px 120px;
  background: url("../img/banner3.jpg") no-repeat right center;
  font-size: 95%;

}


.icos
{
width:700px;
height:200px;
padding-top:70px;
}

#detail form.dotaz fieldset{
  border: 0;
}
#detail form.dotaz label{
  display: block;
  float: left;
  width: 140px;
  padding-right: 5px;
  clear: both;
}
#detail form.dotaz input{
  display: block;
  float: left;
  amargin-left: 145px;
  margin-bottom: 1px;
  border: solid 1px #006b99;
}
#detail form.dotaz #dotaz-email{
  width: 240px;
}
#detail form.dotaz #dotaz-predmet{
  width: 470px;
}
#detail form.dotaz #dotaz-text{
  width: 470px;
  border: solid 1px #006b99;
}
#detail form.dotaz #dotaz-odeslat{
  border: 0;
  display: block;
  afloat: left;
  clear: both;
  margin: 0 0 0 155px;
  padding: 30px 20px 30px 80px;
  cursor: pointer;
  background: url("../img/ico8.jpg") no-repeat left center;
  text-decoration: underline;
  font-weight: bold;


}


#detail form.dotaz #dotaz-odeslat:hover{
  text-decoration: none;
}
/* Foot
------------------------*/
#foot{
  clear: both;
  background: url("../img/bgFoot.jpg") no-repeat;
  width: 962px;
  min-height: 134px;
  margin: 0 0 0px 0;
  padding-top: 61px;
}
#foot #logo2{
  display: block;
  position: relative;
  margin-left: 257px;
  width: 281px;
}
#foot #logo2 img{
  border: 0;
}
#foot p{
  margin: 5px 20px 10px 257px;
}





.fotkykonec{
width:700px;
height:80px;
background: url("../img/cardBg_r.jpg") no-repeat center bottom;
}









#fotky {
width:728px;

background-color:white;


	}
#fotky a img { 
border: 0px solid white; 
background:white;

  

} 

//#fotky a:hover img { 
//border: 1px; 
//border-color:white;
//background:white;

//} 

#fotky  img { 

padding:7px;

} 



.message{ 
width:690px;
  float: left;
 padding:20px; 
  clear: left;
} 

.ask{ 
width:690px;
margin-top:-50px;
//background: url("../img/cardBg.jpg") no-repeat center bottom;
} 

.rev{ 
background: url("../img/cardBg.jpg") no-repeat center bottom;
} 

.asks{ 
margin-top:-130px;
} 



.cardmessage{ 
width:620px;
  float: left;
 padding:30px; 
  clear: left;

//color:#EED128;
} 










#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 1; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#find
{
width: 182px;
/* margin-top: -5px; */
margin-left: 20px;
background: url("../img/findBg.gif") no-repeat top;
overflow: hidden;
padding: 1px;
margin-top:20px;
}
#find input.text {
  background: none;
  border: none;
  width: 120px;
  margin-left: 10px;
  padding: 0 3px;
  color: #4d4d4d;
  font-family: tahoma;
  font-size: 12px;
}
#find input.submit {
  width: 40px;
  height: 19px;
  background: url("../img/findSubmit.gif") no-repeat;
  border: none;

}


#dotaz { width: 205px; overflow: hidden; margin: 0 auto; }
#dotaz p.label strong {
  font-size: 14px;
  font-weight: bold;
  color: #006b9b;
  display: block;
  text-align: center;
}
#dotaz label {
  color: #404040;
  font-size: 12px;
}
#dotaz input#dotaz-email {
  border: 1px solid #006b9b;
}
#dotaz textarea {
  border: 1px solid #006b9b;
  width: 186px;
  color: #4d4d4d;
  font-size: 12px;
  padding: 2px;
}
#dotaz input#dotaz-odeslat {
  background: url("../img/inputOdeslatDotaz.jpg") no-repeat left center;
  border: none;
  display: block;
  height: 31px;
  margin: 5px auto 0 auto;
  padding-left: 40px;
  color: #00446c;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
#dotaz input#dotaz-odeslat:hover { text-decoration: none; }