body { font: 8.5pt/1.4em verdana,Arial,tahoma;   color: #818181;  background: #ddf7ff url(../img/bg.jpg) repeat-x top;  padding: 0;  margin: 0; }
*>a{outline: none;} 
a img { border-style: none; }
h1 { font-size: 15pt;  color: #212121;  margin: 12px 0 9px;  font-weight: normal; }
	.orange { color: #fe8f00;  font-weight: bold;  font-size: 13pt;  margin-top: 20px; }
h2 { font-size: 13pt;  color: black;  margin: 10px 0;  font-weight: normal; }
p { margin: 10px 0; }
a { color: #fe8f00;  text-decoration: none; }	
a:hover { text-decoration: underline; }
hr { border: 1px solid white; border-bottom: 1px solid #ececec;  height: 2px;  margin: 0px 0 1px; }

.clear{
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}
							/****** ALL *******/
							
#all2 { width: 1004px;  margin: 25px auto;  background: url(../img/bg_all.png) repeat-y; }
#all { background: url(../img/head.jpg) no-repeat top;  padding: 46px 46px 4px 12px;  position: relative; }
#placeholder { height: 10px;/*600*/  width: 0px; }

							/****** HEAD *******/
							
#head{   height: 226px;  position: relative; }
#logo { position: absolute;  top: 52px;  left: 75px; }
#head_nabidka { font-size: 135%;  list-style: none;  position: absolute;  top: 22px;  left: 584px; }
#head_nabidka li a { color: white;  background: url(../img/sipka1.png) no-repeat left;  line-height: 2em;  padding: 3px 0 3px 22px; }
#head_nabidka li a:hover { background-position: 1px 50%; }

#lista { list-style: none;  position: absolute;  bottom: -1px;  right: -10px;  margin-bottom: 0; }
#lista li { display: inline;  background: url(../img/carka1.png) no-repeat left;  float: left; }
#lista li a { float: left;  margin: 0 1px;  height: 25px;  padding: 11px 18px 5px 16px;  color: white;  text-transform: uppercase;  font-size: 110%;  }
#lista li a:hover, #lista li a.sel { background: url(../img/carka2.png) repeat-x; } #lista li .sel:hover { text-decoration: none; }

							/****** LEFT *******/
							
#left { width: 200px;  padding: 20px 33px 10px;  float: left;  background: url(../img/left.png) repeat-x top;  margin-top: 1px;  position: relative; }
.nabidka {  margin: 0 0 15px;  padding: 0;  list-style: none;  float: left; }
.nabidka li a span { background: url(../img/sipka2.png) no-repeat left center;  padding: 2px 2px 2px 21px;  margin: 3px 3px 0 20px;  float: left; }
.nabidka li a { background: #e6e6e6;  float: left;  width: 200px;  border-bottom: 1px solid #dddddd; padding-bottom:2px; border-top: 1px solid #f1f1f1; color: #696969;  font-size: 110%; }
.nabidka li a:hover { background: #ffffff url(../img/carka3.png) repeat-x; }
.nabidka .grey, .grey { text-align: center;  line-height: 1.3em;  list-style: none;  background: url(../img/grey.png) no-repeat;  width: 200px;  height: 68px;  padding-top: 13px;  color: white;  text-transform: uppercase;  font-size: 170%;  float: left; }
.nabidka .grey2, .grey2 { list-style: none;  background: url(../img/carka16.gif) repeat-x;  width: 180px;  height: 25px;  padding: 8px 0 0 20px;  color: white;  font-size: 130%;  float: left; }
div.grey { margin-bottom: 14px; }
.nabidka .grey span, .grey span { font-size: 70%; }
.nabidka .nabidka_vice a { color: #0da2d9;  text-decoration: underline;  background: url(../img/carka4.png) repeat-x;  padding: 4px 0 0 20px;  width: 180px;  height: 21px; }
.nabidka .nabidka_vice a:hover { text-decoration: none;  background: url(../img/carka4.png) repeat-x; }

.kol { background: url(../img/carka6.gif) repeat-x bottom;  float: left;  margin-bottom: 14px;  width: 200px; }
.kol h3 { width: 190px;  color: white;  background: url(../img/carka7.gif) repeat-x;  height:19px;  padding-top: 2px;  font-size: 110%;  font-weight: normal;  padding-left: 10px;  margin: 0; }
.kol_in { padding:8px 10px;  line-height: 1.8em;  font-size: 110%;  color: #4f4f4f; }
.kol form { padding: 17px 10px;  margin: 0; }
.text { background: url(../img/carka8.gif) repeat-x top;  border: 1px solid #e1e1e1;  width: 115px;  padding: 2px 5px;  margin-right: 7px; }
.kol .sub { background: url(../img/sub.gif) no-repeat;  width: 41px;  height: 21px;  border: none;  position: relative;  top: -2px; }

							/****** MAIN *******/
							
#main { float: right;  width: 635px;  padding: 3px 10px 20px;  position: relative;}
#top { line-height: 1.9em;  margin-bottom: 23px; }
#top div { float: right;  background: url(../img/carka5.png) no-repeat left;  padding: 0 0 0 8px;  height: 22px; }
#top div a { margin: 2px 2px 0 8px;  float: left; %margin-top:5px; }

.produkt { background: #f8f8f8;  padding: 10px 8px 8px;  float: left;  width: 619px; }
.produkt h2 { margin: 0 0 5px 0;    font-size: 9pt;  font-weight: bold; }
.produkt h2 a { padding-bottom: 7px;  border-bottom: 1px dotted #d7d7d7; }
.produkt h2 a:hover { text-decoration: none;  padding-bottom: 4px;  margin-bottom: 2px;  color: #Ee7f00 }
.produkt h2 a span { color: #525252; }
.produkt .img_produkt img { float: left;  padding: 3px;  background: white;  border: 1px solid #e8e8e8; }
.produkt .img_produkt img:hover { background: #f6f6f6; }
.produkt .img_produkt { float: left;  border: 1px solid #f2f2f2; }
.produkt .obsah { margin: 0 86px 0 145px; }
.produkt .cena { float: right;  width: 72px;  padding-top: 20px;  font-size: 110%; }
.produkt .cena div { background: #ededed;  border: 1px solid #ddd;  color: #ff9600;  padding: 7px 2px;  text-align: center;  margin: 10px 0 0; }
.produkt p { margin-bottom: 5px; }
.white { background: white; }
#pod_produkty { display: none; }

#seznam { list-style: none;  margin: 0;  padding: 0; }
#seznam h2 { background: url(../img/carka10.gif) repeat-x;  padding: 0px 0 0 20px;  height: 30px;  width: 610px;  color: white;  font-size: 130%;  margin: 0; }
#seznam.inzerat h2 { background: url(../img/carka10.gif) repeat-x;  padding: 0px 0 0 5px;  height: 33px;  width: 147px;  color: white;  font-size: 130%;  margin: 0; }
#seznam.inzerat h2 {margin-left: 230px; margin-top: 20px; margin-bottom: 20px;}
#seznam h2 span { float: left;  padding: 7px 15px 0 0; }
#seznam li h2 a { width: auto;  float: left;  background: url(../img/carka10.gif) repeat-x;  color: white;  height: 25px;  padding-top: 7px;  margin-right: 4px; }
#seznam li h2 a:hover,#seznam li h2 a.sel { text-decoration: underline;  background-image: url(../img/carka11.gif); }
#seznam li a { background: url(../img/carka12.gif) repeat-x;  height: 23px;  padding: 7px 15px 0 15px;  color: #23abdd;  font-size: 110%;  float: left;  width: 600px; }
#seznam li a:hover,#seznam li a.sel  { background: url(../img/carka13.gif) repeat-x;  text-decoration: none; }
#seznam li a span { color: #878686;  background: url(../img/plus.gif) no-repeat left;  padding: 0 5px 0 17px; }
#seznam li a.sel span { background: url(../img/minus.gif) no-repeat left; }
#seznam li a span span { color: #23abdd;  padding: 0 1px;   background: none;   }  #seznam li a.sel span span { background: none; }
#seznam .in { background: #f8f8f8;  margin: 3px 5px 3px 0px;  float: left;  padding-left: 15px; }
#seznam .popis { float: left;  width: 455px;  height: 50px; overflow: hidden;  margin: 0;  background:url(../img/tecka1.gif) repeat-y left;  padding: 4px 0 0 10px; }
#seznam .popis a { font-size: 110%;  background: none;  width: auto;  height: auto;  padding: 0 5px 0 0; }
#seznam .popis a:hover { background: none;  text-decoration: underline; }
#seznam .kc, #seznam .eur { width: 68px;  float: right;  height: 50px;  padding-top: 4px;  color: #fe8f00;  text-align: left;  background:url(../img/carka15.gif) no-repeat 0 4px; padding-left:10px; }
#seznam .eur{ width: 55px; }
.uzky_seznam { float: left;  list-style: none;  margin: 10px 0;  padding: 0;  width: 315px;  font-size: 110%; }
.uzky_seznam li { background: #eee;  padding: 6px 2px 0px 15px;  height: 24px;  float: left;  width: 293px;  margin-bottom: 1px; }
.uzky_seznam li.stin { background: url(../img/carka18.gif) repeat-x; }
.uzky_seznam li a { color: #23abdd;  text-decoration: underline; }
.uzky_seznam li a:hover { color: #23abdd;  text-decoration: none; }
.uzky_seznam .top { background: url(../img/carka17.gif) repeat-x;  color: white;  font-size: 120%; }
.pravy { float: right; }

#vp_moje h1 {
  display: block;
  margin-top: 10px;
  margin-bottom: 12px;
  color: #000;
}
#vp_moje .ref {
  float: right;
  margin-right: 5px;
}

.ref { border: 1px solid #f0f0f0;  background: #f6f6f6;  padding: 7px 20px;  color: #abaaaa;  float: left; font-size: 110%;  margin: 7px 0; }
.seda { clear: left;  width: 600px;  border: 1px solid #ececec;  margin: 5px 0;  padding: 14px;  background: url(../img/line1.gif) repeat-y;  font-size: 110%;  color: #595a5a; }
.seda h2 { font-size: 110%;  margin: 0;  font-weight: bold;  color: #595a5a; }
.seda th { color: #1aa7da;  width: 80px;  text-align: left;  font-weight: normal;  line-height: 1.6em;  float: left; }
 { float: right; }
.obrazek { float: right;  width: 215px; }
.obr_x {  float: right;  border: 1px solid #f2f2f2; width:125px; }
.obr_x img { float: right;  padding: 3px;  background: white;  border: 1px solid #e8e8e8; }
.obr_x img:hover { background: #f6f6f6; }
.sipka_r, .sipka_l {  float: right;  margin: 30px 3px 0 3px;  background: url(../img/sipka_r.gif) no-repeat 50% bottom;  width: 29px;  height: 25px; }
.sipka_l { background-image: url(../img/sipka_l.gif); }
.sipka_r:hover { background-position: 4px bottom; }
.sipka_l:hover { background-position: 0 bottom; }
.sipka_l.dis:hover, .sipka_r.dis:hover { background-position:  2px top; }
.dis { background-position: 2px top; }
.placeholder2 { clear: both;  height: 0px; }
.produkt .img_produkt { float: left;  border: 1px solid #f2f2f2; }

#zajem { float: left;  width: 151px;  height: 53px;  background: url(../img/zajem.png) no-repeat; }
#zajem2 { float: left;  width: 151px;  height: 53px;  background: url(../img/zajem2.png) no-repeat; }
.cena_bott { float: right;  width: 120px;  font-size: 110%;  text-align: right;  padding-right: 10px; margin-right:3px;}
.cena_bott div { font-size: 110%;  margin: 2px;  padding: 2px 10px;  color: #fe8f00;  position: relative;  right: -10px;  background: #f8f8f8;  border: 1px solid #f1f1f1; }

#main form { background: #f8f8f8;  font-size: 120%;  color: #595959;  border: 1px solid #e5e5e5;  width: 600px;  padding: 12px 15px;  clear: both;  margin: 0 0 20px;  position: relative;  top: 10px;  float: right;  left: -2px; }
#main form input { background: url(../img/carka19.gif) repeat-x;  height: 19px;  padding: 3px 5px 0 5px;  border: 1px solid #ddd;  margin: 2px 7px; }
#main form .vetsi { width: 180px; }
#main form textarea { height: 48px;  border: 1px solid #ddd;  padding: 3px 5px 0 5px;  font-family: arial;  margin: 2px 7px;  width: 250px;  background: url(../img/carka20.gif) repeat-x; }
#main form table { margin-bottom: 10px; }
#zpet { float: left;  width: 91px;  height: 35px;  background: url(../img/zpet.png) no-repeat; }
#main form #odeslat { float: right;  width: 91px;  height: 35px;  background: url(../img/odeslat.png) no-repeat;  border: none;  cursor: pointer; }

											/* ZNACKY */
#znacky { clear: both;  background: url(../img/carka9.gif) repeat-x 0 22px;  margin-left: 35px; }
#znacky h3 { color: white;  background: url(../img/carka7.gif) repeat-x;  height:19px;  padding-top: 2px;  font-size: 110%;  font-weight: normal;  padding-left: 10px;  margin: 0; }
#znacky div { margin: 9px;  line-height: 1.5em;  padding-bottom: 15px; }
#znacky a { color: #38b9e7;  margin: 0 1px; }

							/****** FOOTER *******/
							
#footer { background: url(../img/foot.png) no-repeat;  height: 90px;  padding-top: 42px; clear: both;  font-size: 0.95em;  text-align: center;  color: grey; }
#foot_links { color: white;  margin-bottom: 5px; }
#foot_links a { color: white;  padding: 2px 3px; }

#footer strong { color: #c1ebff;   font-weight: normal;}

#left fieldset{border:none;}