/*** 1 - obecné definice ******************************************************/
h1, h2, h3, h4, h5, h5{font-family: Arial,Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}
h1 {font-size: 120%;color: #000;}
h2 {font-size: 115%;color: #000;}
h3 {font-size: 115%;color: #000;}
h4 {font-size: 115%;color: #000;}
h5 {font-size: 115%;color: #000;}
h6 {font-size: 115%;color: #000;}
p strong{
font-size: 92%;color: #000;
font-family: Verdana,Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: bold;
}
#container #text h1,h2,h3,h4,h5,h6{
text-align:center;
}

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

* {
  padding:0;
  margin:0; 
}

p {text-align:justify;  text-indent: 25px;}

fieldset {border:none;float:left;}

a {
  color:#8d0000;
  text-decoration:underline;
}

a:hover {
  color:#8d0000;
  text-decoration:underline;
}

a img {
  border:none;
}

.center {
  text-align: center;
}

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

.nadpis {color:#fff;}

.gallery {
  text-align: center !important;
  margin: auto;
}

.gallery img {
  padding: 1px;
  margin: 2px;
  border: #000 1px solid;
}



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

#containter {
  width:950px;
  margin:0 auto;
  padding-bottom:10px;
}



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

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

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

#header #slogan {
  position:absolute;
  left:0px;
  top:65px;
  width:500px;
  height:20px;
  line-height:20px;
  text-align:center;
  display:block;
  color:#000000;
  font-size: 14px;
  font-weight: normal;
}

#header #lang {
  position:absolute;
  right:14px;
  top:8px;
}
#header #lang a {
  padding:10px;
  text-decoration:none;
  color:#c8cbd0;
}
#header #lang a.active {color:#454545;}
#header #lang a:hover {text-decoration:underline;} 
#header #lang a, #header #lang span {float:left;display:block;}
#header #lang span {
  width:1px;
  padding:0 10px 0 10px;
  background:url("../images/lang-line.gif") 11px 3px no-repeat;
  height:31px;
}


/* shop */

#header #shop {
  position:absolute;
  top:67px;
  right:24px;
  list-style:none;
}
#header #shop li {display:inline;list-style:none;}
#header #shop li a {
  float:left;
  display:block;
  text-decoration:none;
  height:24px;
  color:#454545;
  line-height:22px;
  margin-left:23px;
}
#header #shop li a.icon-account {padding-left:26px;background:url("../images/icon-account.gif") 0 1px no-repeat;}
#header #shop li a.icon-cart {padding-left:29px;background:url("../images/icon-cart.gif") no-repeat;}
#header #shop li a.icon-checkout {padding-left:21px;background:url("../images/icon-checkout.gif") no-repeat;}
#header #shop li a:hover {text-decoration:underline;}


/* menu */

#header .menu {
  position:absolute;
  top:105px;
  list-style:none;
  padding-left:7px;
}
#header .menu li {display:inline;list-style:none;}
#header .menu li a {
  float:left;
  display:block;
  color:#fff;
  text-decoration:none;
  height:45px;
  line-height:45px;
  padding:0 17px;
}
#header .menu li a:hover {text-decoration:underline;}



/*** 5 - #bannery *************************************************************/

#bannery {
  width:100%;
  height:165px;
  margin-bottom:10px;
}

#bannery a.bann {
  width:230px;
  height:165px;
  display:block;
  float:left;
  margin-right:10px;
  text-decoration:none;
}
#bannery a.bann * {display:block;text-decoration:none;font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: normal;}
#bannery a.bann strong {font-size:120%;padding-top:12px;text-transform:uppercase;text-align:center;}
#bannery a.bann span {text-align:center;}

#bannery a.bann#banner1 {background:url("../images/banner1.jpg");}
#bannery a.bann#banner1 strong,#bannery a.bann#banner1 span {color:#000000;}
#bannery a.bann#banner2 {background:url("../images/banner2.jpg");}
#bannery a.bann#banner2 strong,#bannery a.bann#banner2 span {color:#000000;}
#bannery a.bann#banner2 span {text-transform:none;}
#bannery a.bann#banner3 {background:url("../images/banner3.jpg");}
#bannery a.bann#banner3 strong,#bannery a.bann#banner3 span {color:#000000;}
#bannery a.bann#banner4 {background:url("../images/banner4.jpg");margin-right:0;}
#bannery a.bann#banner4 strong,#bannery a.bann#banner4 span {color:#000000;}
#bannery a.bann#banner4 span {text-transform:none;}



/*** 6 - #search **************************************************************/

#search {
  height:32px;
  width:100%;
  position:relative;
  background:url("../images/bg-searchpanel.png") repeat-x; 
  margin-bottom:10px;
}

#search .left, #search .right {
  position:absolute;
  height:32px;
  display:block;
  top:0;
}
#search .left {
  left:0;
  width:16px;
  background:url("../images/bg-searchpanel-l.png"); 
}
#search .right {
  right:0;
  width:5px;
  background:url("../images/bg-searchpanel-r.png"); 
}

#search strong.nadpis a {
  height:32px;
  line-height:32px;
  display:block;
  padding:0 30px 0 24px;
  float:left;
  background:url("../images/icon-lupa.png") right top no-repeat;
  color: #FFF;
  text-decoration: none;
}

#search #search-form {
  position:absolute;
  right:22px;
  top:6px;
  height:20px;
  line-height:20px;
}
#search #search-form input, #search #search-form select, #search #search-form strong {float:left;}
#search #search-form strong {margin-right:5px;}
#search #search-form #search-cat, #search #search-form #search-kw {margin-right:20px;}
#search #search-form #search-btn {
  border:none;
  background:url("../images/blank.gif") 0 0 repeat;
  cursor:pointer;
  font-weight:bold;
  color:#fff;
}


/*** 7 - #main ****************************************************************/

#main {
  clear:both;
  padding-bottom:10px;
}


/* leftpanel */

#main #leftpanel {
  width:230px;
  float:left;
  margin-right:10px;
  overflow:hidden;
}

#main #leftpanel .menu {margin-bottom:10px;}

#main #leftpanel .menu strong.nadpis {
  width:206px; /*230*/
  height:36px;
  line-height:38px;
  padding-left:24px;
  overflow:hidden;
  display:block;  
}
#main #leftpanel .menu span.spodek {
  width:100%;
  height:11px;
  display:block;
  overflow:hidden;
}
#main #leftpanel .menu ul li {list-style:none;}
#main #leftpanel .menu ul li a, #main #leftpanel .menu ul li ul li a {
  width:206px; /*230*/
  height:30px;
  line-height:30px;
  display:block;
  padding-left:24px;  
  text-decoration:none;
  color:#454545;
}
#main #leftpanel .menu ul li ul li a {
  width:195px; /*230*/
  padding-left:35px;
  color:#000;
  font-weight:100;
  background:url("../images/icon-sipka.gif") 24px center no-repeat;
}
#main #leftpanel .menu ul li ul li ul li a {
  width:185px; /*230*/
  padding-left:45px;
  color:#fff;
  background:url("../images/icon-sipka.gif") 34px center no-repeat;
}
#main #leftpanel .menu ul li ul li ul li ul li a {
  width:175px; /*230*/
  padding-left:55px;
  color:#fff;
  background:url("../images/icon-sipka.gif") 44px center no-repeat;
}
#main #leftpanel .menu ul li a:hover, 
#main #leftpanel .menu ul li ul li a.hover {text-decoration:underline;}

#main #leftpanel .menu.orange strong.nadpis {background:url("../images/menu-nadpis-o.png");}
#main #leftpanel .menu.orange ul li {background:url("../images/menu-ul-o.png");}
#main #leftpanel .menu.orange span.spodek {background:url("../images/menu-spodek-o.png");}

#main #leftpanel .menu.blue strong.nadpis {background:url("../images/menu-nadpis-b.png");}
#main #leftpanel .menu.blue ul li {background:url("../images/menu-ul-b.png");}
#main #leftpanel .menu.blue span.spodek {background:url("../images/menu-spodek-b.png");}


/* content */

#main #content {
  float:left;
  width:710px;
  font-family: Arial,Verdana, 'Trebuchet MS', Sans-serif;font-weight: normal;
}

#main #content h2 {
  width:686px; /*71O*/
  padding-left:24px;
  height:36px;
  line-height:38px;
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:90%;
  background:url("../images/bg-h1.png");
  margin-bottom:10px;
}
#main #content h2 .breadcrumbs {float:right;padding-right:24px;}
#main #content h2 .breadcrumbs * {
  font-weight:normal;
  padding-left:20px;
  display:block;
  float:left;
  background:url("../images/icon-breadcrumbs.gif") 9px 18px no-repeat;
}
#main #content h2 .breadcrumbs .prvni {padding-left:0;background:none;}
#main #content h2 .breadcrumbs a {color:#fff;}
#main #content h2 .breadcrumbs span {color:#fff;}

#main #content h4 {
  margin: 0px;
  padding: 0px;
}

/* produkt */

#main #content .produkt {
  float:left;
  border-bottom:1px solid #e6effe;
  padding:5px 0;
  clear: both;
  width: 710px;
}
#main #content .obrazek {
  padding: 5px 10px 0 10px;
  /*width:150px;*/
  float:left;
}
#main #content .obrazek img {
  padding: 1px;
  border: #000 1px solid;
}
#main #content .produkt .text {
}
#main #content .produkt .text h2 {
  font-size:110%;
  margin-bottom:5px;
}
#main #content .produkt .text p {text-align:justify;}

#main #content .produkt .cena {
  width:123px; /*140*/
  padding:0 7px 15px 15px;
  float:right;
  text-align:center;
}
#main #content .produkt .cena strong {
  display:block;
  font-size:120%;
  margin:3px 0 5px 0;
}
#main #content .produkt .cena a.koupit {
  width:93px;/*123*/
  height:30px;
  line-height:30px;
  font-weight:bold;
  text-decoration:none;
  padding-left:30px;
  display:block;
  background:url("../images/icon-cart.png");
}
#main #content .produkt .text_kosik {
  width:300px !important;
}
#main #content .produkt .cena_kosik {
  width:146px !important;
  text-align: left;
}
#main #content .produkt .cena_kosik2 {
  width:60px !important;
}
#main #content .produkt .bezdph {
  margin: 0px !important;
}
#main #content .produkt .sdph {
  margin: 0px !important;
}
#main #content .produkt .cena a.koupit:hover {text-decoration:underline;}

/* kosik */

#main #content .kosik {
  width: 100%;
}
#main #content .kosik strong {
  font-size: 140%;
}
#main #content .kosik th {
  border-bottom: 1px solid #000;
}
#main #content .kosik .doprava td {
  border-top: 1px solid #000;
}
#main #content .kosik .celkem {
  text-align: right;
}
#main #content input, select {
  margin: 1px;
}

/*** 8 - #odkazy **************************************************************/

#odkazy {
  clear:both;
  width:902px;
  padding:10px 24px 10px 24px;
  text-align:center;
}
#odkazy a {font-size:80%;color:#454545;text-decoration:none;}
#odkazy a:hover {text-decoration:underline;}
#odkazy #bannerove {
  padding-bottom:6px;
  float:left;
  border-bottom:1px solid #e6effe;
  margin-bottom:5px;
}
#odkazy #bannerove a {display:block;float:left;margin-right:7px;}
#odkazy #bannerove a.last {margin-right:0;}



/*** 9 - #footer **************************************************************/

#footer {
  height:40px;
  clear:both;
  width:950px;
  display:block; 
  background:url("../images/footer.png") left top no-repeat;
  position:relative;
}

#footer #footer-l {
  position:absolute;
  left:24px;
  line-height:40px;
  font-size:80%;
  color:#fff;
}

#footer #footer-r {
  position:absolute;
  right:24px;
  line-height:40px;
  color:#fff;
  text-decoration:none;
  font-size:80%;
}

#orders {
  margin: auto;
  width: 80%;
}

#orders th {
  text-align: center;
  border-bottom: 1px solid #000; 
}