/*** 1 - obecné definice ******************************************************/

body {
  background:#fff url("../images/bg.png") left top repeat-x; 
  font:90% Arial, sans-serif;
  color:#353535;
}

* {
  padding:0;
  margin:0; 
}

h1 {
  color:#1d60c3;
  margin-bottom:12px;
  font-size:150%;
  padding-left:22px;
  background:url("../images/h1.gif") left 7px no-repeat; 
}
h1 a {
  float:right;
  font-size:70%;
  line-height:25px;
  font-weight:normal;
  color:#353535;
  text-decoration:none;
  padding-right:21px;
  padding-top:3px;
  margin-right:40px;
  background:url("../images/icon-prev.gif") right 8px no-repeat;
}
h1 a:hover {color:#353535;text-decoration:underline;}

h2.nadpis {
  color:#353535;
  margin-top:10px;
  margin-bottom:5px;
  font-weight:normal;
  font-size:130%;
}
h2.nadpis a {
  float:right;
  font-size:80%;
  line-height:25px;
  color:#353535;
  text-decoration:none;
  padding-right:21px;
  background:url("../images/icon-next.gif") right 5px no-repeat;
}
h2.nadpis a:hover {text-decoration:underline;}

p {text-align:justify;}

fieldset {border:none;}

a {
  color:#1d60c3;
  text-decoration:underline;
}

a:hover {
  color:#4b8def;
  text-decoration:underline;
}

a img {
  border:2px solid #b1cdf8;
}

a:hover img {
  border-color:#1d60c3;
}

.clearfloat {
	clear:both;
  height:0;
  display:block;
  font-size:0%;
  line-height:0;
	overflow:hidden;
}

.right {display:block;text-align:right;}

.red {color:#EF1919;}

table th, table td {padding-right:5px;text-align:left;}


/*** 2 - #container ***********************************************************/

#containter {
  width:980px;
  margin:0 auto;
}



/*** 3 - #header **************************************************************/

#header {
  height:180px;
  overflow:hidden;
  position:relative;
  background:url("../images/header.jpg") left top no-repeat;
}

#header #logo {
  position:absolute;
  left:0px;
  top:21px;
  width:260px;
  height:60px;
  display:block;
  background:url("../images/logo.png") left top no-repeat;
}
#header #logo span {display:none;}

#header #menu {
  position:absolute;
  top:95px;
  list-style:none;
  padding-left:6px;
}
#header #menu li {display:inline;list-style:none;}
#header #menu li a {
  float:left;
  display:block;
  text-transform:uppercase;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  height:27px;
  line-height:27px;
  padding:0 20px 0 19px;
  background:url("../images/menu-line.png") right top no-repeat;
}
#header #menu li a:hover {text-decoration:underline;}
#header #menu li a.last {background:none;}

/*** 4 - #main ****************************************************************/

#main {
  clear:both;
}


/* LEFT Panel */
#main #leftpanel {
  width:220px;
  float:left;
  padding-right:20px;
  padding-bottom:10px;
  overflow:hidden;
}

#main #leftpanel #search {
  width:195px;
  height:100px;
  background:url("../images/searchpanel.jpg") left top no-repeat;
  display:block;
  margin-bottom:10px;
  padding-left:25px;
  padding-top:20px;
}
#main #leftpanel #search a {color:#5f93e3;font-size:90%;}
#main #leftpanel #search a:hover {color:#1d60c3;}
#main #leftpanel #search form {margin-top:10px;margin-bottom:5px;}
#main #leftpanel #search form input {float:left;}
#main #leftpanel #search form input#search-inp {
  width:138px;
  height:20px;
  padding-left:5px;
  padding-top:3px;
  background:url("../images/search-inp.png") left top no-repeat;
  border:none;
  margin-right:7px;
}
#main #leftpanel #search form input#search-but {
  width:23px;
  height:23px;
  background:url("../images/search-btn.png") left top no-repeat;
  border:none;
}

/* CONTENT */

#main #content {
  width:500px;
  float:left;
  padding-right:20px;
  padding-bottom:20px;
  background:url("../images/content-r.jpg") right top no-repeat;
}

#main #content table {width:100%;}

#main #content .prodpopis strong {color:#1D60C3;}
#main #content .clanek strong {color:#C80E0E;}
#main #content .clanek2 strong {color:#1D60C3;}

#main #content .box { 
  width:476px; 
  height:109px; 
  padding:9px 15px 9px 9px; 
  overflow:hidden; 
  background:url("../images/box.png") left top no-repeat; 
  margin-bottom:7px; 
  position:relative; 
} 
#main #content .box a img {border:4px solid #b1cdf8;} 
#main #content .box a:hover img {border-color:#1d60c3;} 
#main #content .box a.prod-foto {float:left;margin-right:12px;} 
#main #content .box .box-obsah {position:absolute;top:9px;left:175px;} 
#main #content .box h2 {font-size:110%;} 
#main #content .box h2 a {text-decoration:none;font-size:130%;} 
#main #content .box h2 a:hover {color:#1d60c3;text-decoration:underline;} 
#main #content .box p {padding-right:15px;font-size:90%;line-height:100%;height:40px;overflow:hidden;} 
#main #content .box span {font-size:90%;display:block;margin-bottom:3px;}

#main #content .box .odkazy {position:absolute;top:97px;left:175px;}
#main #content .box .odkazy a {float:left;height:20px;display:block;margin-right:5px;}
#main #content .box .odkazy a span {display:none;}
#main #content .box .odkazy a.viceinfo {width:104px;background:url("../images/btn-detail.png") left top no-repeat;}
a.koupit {height:20px;display:block;width:73px;background:url("../images/btn-koupit.png") left top no-repeat;}
a.koupit.odstranit {background:url("../images/btn-odstranit.png");}
a.koupit span {display:none;}

#main #content .box .ceny {position:absolute;top:9px;right:15px;text-align:right;}
.ceny strong {color:#ef1919;font-size:110%;}
.ceny span {padding-left:10px;text-decoration:line-through;}
.ceny a.koupit {float:right;}
.ceny.mimo {line-height:25px;border-bottom:1px solid #ef1919;}
.ceny em {float:right;margin-right:150px;}

#main #content .galerie {
  clear:both;
  margin-bottom:10px;
}
#main #content .galerie a {
  float:left;
  margin-right:10px;
}
#main #content .galerie a img {border:none;}

#main #content .scart {
  clear:both;
  padding:10px;
  background-color:#f3f7ff;
  border-bottom:1px solid #cbdcf6;
  margin-bottom:10px;
}

#main #content .prodpopis ul {padding:5px 0 10px 0;}
#main #content .prodpopis ul li {
  list-style:none;
  padding-left:10px;
  background:url("../images/icon-sipka.gif") left 6px no-repeat;
}


/* strankovani */

#main #content .strankovani {
  clear:both;
  position:relative;
  height:25px;
  line-height:25px;
  text-align:center;
  margin:10px 0;
  line-height:25px;  
  display:block;
}

#main #content .strankovani .next, #main #content .strankovani .prev {
  display:block;
  height:25px;
  position:absolute;
  line-height:25px;  
  color:#353535;
  text-decoration:none;  
}
#main #content .strankovani .next:hover, #main #content .strankovani .prev:hover {text-decoration:underline;}

#main #content .strankovani .prev {
  left:0;
  background:url("../images/icon-prev.gif") left 5px no-repeat;
  padding-left:21px;
}
#main #content .strankovani .next {
  right:0;
  background:url("../images/icon-next.gif") right 5px no-repeat;
  padding-right:21px;
}

/* ostatni objekty */

#main .ikonky {margin-top:15px;}
#main .ikonky a {display:block;margin-bottom:10px;}
#main .ikonky a img {border:none;} 

#main #content #registrace .heslo td, #main #content #registrace .heslo th {padding-top:15px;}
#main #content #registrace .registrace {
  width:73px;
  height:20px;
  display:block;
  border:none;
  cursor:pointer;
  margin-top:5px;
  background:url("../images/btn-registrace.png") no-repeat;
}
#main #content #login table {margin-top:10px;}
#main #content #login .prihlaseni {
  width:73px;
  height:20px;
  display:block;
  border:none;
  cursor:pointer;
  margin-top:5px;
  background:url("../images/btn-prihlasit.png") no-repeat;
}
#main #content #usrdata {width:100%;}

#main #content .btn-left, #main #content .btn-right {
  display:block;
  height:30px;
  line-height:30px;
  padding:0 0 0 40px;
  float:left;
  margin-top:20px;
  color:#5ca439;
  background:url("../images/btn-left.png") no-repeat;
} 
#main #content .btn-right {
  padding:0 40px 0 0;
  background:url("../images/btn-right.png") right no-repeat;
  float:right;
} 
#main #content .btn-left:hover, #main #content .btn-right:hover {color:#86c656;}

/* RIGHT Panel */
#main #rightpanel {
  width:220px;
  float:left;
  padding-bottom:10px;
  overflow:hidden;  
}

#main #rightpanel #cart {
  width:122px;
  height:100px;
  font-size:90%;
  background:url("../images/cartpanel.jpg") left top no-repeat;
  display:block;
  margin-bottom:10px;  
  padding:20px 15px 0 83px;
}
#main #rightpanel #cart a {color:#5f93e3;}
#main #rightpanel #cart a:hover {color:#1d60c3;}
#main #rightpanel #cart a.vkosiku {display:block;color:#353535;text-decoration:none;margin-bottom:8px;}
#main #rightpanel #cart a.vkosiku:hover {color:#353535;text-decoration:underline;}
#main #rightpanel #cart strong.vkosiku {display:block;margin-bottom:8px;}

/* PANEL */
.panel-top {
  width:220px;
  height:6px;
  background:url("../images/panel-top.png") left top no-repeat;
  display:block;
  line-height:6px;
  font-size:0%;
}

.panel-main {
  width:220px;
  padding:15px 25px 15px 25px;  
  background:url("../images/panel-main.png") left top repeat-y;
}

.panel-bottom {
  width:220px;
  height:16px;
  background:url("../images/panel-bottom.png") left top no-repeat;
  display:block;
  line-height:16px;
  font-size:0%;
}

.panel-main#kategorie {padding-left:20px;}
.panel-main#kategorie span {padding-left:5px;} 
.panel-main span {text-transform:uppercase;display:block;margin-bottom:15px;}
.panel-main ul#sekce {list-style:none;}
.panel-main ul#sekce li a {
  padding-left:18px;
  width:157px;
  line-height:24px;
  text-decoration:none;
  font-size:90%;
  border-bottom:1px solid #d3e4fe;
  display:block;
  background:url("../images/li.gif") 4px 8px no-repeat;
}
.panel-main ul#sekce li a.last {
  background:none;
  border:none;
  text-transform:uppercase;
  font-weight:bold;
}
.panel-main ul#sekce li ul {list-style:none;}
.panel-main ul#sekce li ul li a {
  padding-left:26px;
  width:149px;
  font-size:80%;
  background:url("../images/liulli.gif") 12px 8px no-repeat;

} 


#main #rightpanel .panel-main a {
  font-weight:bold;
  font-size:110%;
  display:block;
  text-decoration:none;
}
#main #rightpanel .panel-main .nove {margin-bottom:20px;}
#main #rightpanel .panel-main .nove a:hover {color:#1D60C3;text-decoration:underline;}
#main #rightpanel .panel-main #dalsizbozi {text-transform:uppercase;font-size:90%;}
#main #rightpanel .panel-main a img {border:4px solid #fabebe;}
#main #rightpanel .panel-main a:hover img {border-color:#ef1919;}
#main #rightpanel .panel-main span.cat {font-size:90%;text-transform:none;margin-bottom:10px;}
#main #rightpanel .panel-main span.staracena {display:inline;text-transform:none;text-decoration:line-through;}
#main #rightpanel .panel-main strong {text-decoration:none;color:#ef1919;}



/*** 5 - #footer **************************************************************/

#footer {
  margin:0 auto 0 auto;
  width:1170px;
  height:56px;
  background:url("../images/footer.png") left top no-repeat;
  position:relative;
}

#footer #footer-l {
  position:absolute;
  left:120px;
  top:13px;
  font-size:80%;
  color:#fff;
}

#footer #footer-r {
  position:absolute;
  right:110px;
  top:0;
  color:#fff;
  text-decoration:none;
  font-size:80%;
  padding-right:78px;
  height:40px;
  line-height:40px;
  display:block;
}