body { background-color: #FFFFFF; } 
a { color: #388eff; }

#topBanner { height: 200px; background-color:#EDEDED; background-image: url('../images/top.jpg'); background-position:0px 18px; border: 1px solid #CCCCCC; border-top: 0; border-bottom: 0; margin-left: -504px; }
#topBanner h1 { padding: 0px; }
#topBanner h1 a { width: 470px; height: 170px; border: 0px solid red; }
#topBanner h1 .topMenu { width: 897px; height: 140px; }
#topBanner .napis { font-family:Arial; font-size:12px; font-weight:bold; letter-spacing:2px; margin-left:10px; margin-bottom:2px; }
#topBanner .napis2 { padding-left:390px; text-transform:uppercase; color:#217FB2; }
#topBanner .topMenu .boxtop { width: 226px; float: left; margin: 56px 0 0 10px; }
#topBanner .topMenu .boxbasket { width: 150px; height:59px; position:absolute; top: 127px; left:500px; margin: 0; text-align: left; padding: 4px; border: 1px solid #BCBCBC; }
#topBanner .topMenu .boxbasket span { font-size: 11px; }
#topBanner .topMenu .boxbasket h4 { font-size: 0.9em; background: none; padding: 0 0 4px 0; margin: 0; color: #C00000; }
#topBanner .topMenu .boxlogin {  width: 300px; height:59px; position:absolute; top: 127px; left:670px; margin: 0; border: 1px solid #BCBCBC; text-align: left; padding: 4px; }
#topBanner .topMenu .boxlogin h4 { font-size: 0.9em; background: none; padding: 0; margin: 3px 0 2px 0; color: #C00000; }
#topBanner .topMenu .boxlogin input { font-size: 11px;; padding: 0 0 0px 0; height:15px; }

#menuBanner { top: 200px; width: 782px; height: 23px; border: 1px solid #ccc; border-top: 0; border-bottom: 0; margin-left: -504px; padding-left:218px; }
#menuBanner ul li a { height: 15px; padding-top: 3px; padding-bottom: 5px; color: #217FB2; font-size: 0.85em; }
#menuBanner ul li a:hover, #menuBanner ul li a.selected { color:#C00000; background-image: url('../images/menubg_selected.jpg'); }

#content { top: 223px; border: 1px solid #ccc; border-top: 0; margin-left: -504px; }
#content h1 { color: #000; }
#content h2 { color: #008eff; }
#content h3 { font-size: 1.2em; line-height: 1em; }

#content .katalog a { background-color: #efefef; color: #333; font-weight: bold; font-size: 0.75em; } /* leve menu */
#content .katalog ul li a {  }
#content .katalog ul li a:hover, #content .katalog ul li a.selected, #content .katalog ul li a.routed { background-color: #217FB2; color: #fff; }
#content .katalog ul li a.routed { background-color: #217FB2; color: #fff; }
#content .katalog ul ul li a { background-color: #f3f2f2; }
#content .katalog ul ul ul li a { background-color: #f8fafc; }

#leftPage { width: 190px; margin: 0; margin-top:-9px; }
#rightPage { width: 190px; margin: 0; margin-top:-9px; }
#centerPage { width: 614px; margin-top:10px; }
#fullPage { width: 807px; margin: 0; margin-top:0px; margin-left:0px; }

table.kosik th { background-color: #388eff; }

form input.tlacitko { background-color: #388eff; }

.web_info { background-color: #ecf4f7; border: 1px dotted #388eff; }
.web_warning { background-color: #ecf4f7; border: 1px dotted #388eff; }

#basket .cena span { color: #388eff; }

.poleset legend { background-color: #388eff; color: #fff; }





/* podkategorie - nadpis položek */
/*
#category .subfolders ul li {
  font-size: 0.9em;
  float: left;
  width: 96px;
  padding: 2px;
  margin: 0 5px 3px 0;
  height: 130px;  
  text-align: center;
  border: 1px dotted #aaa;
  white-space: normal;
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}

#category .subfolders ul li a { 
  text-decoration: none;
  color: #388eff;
  font-weight: normal;
}

#category .subfolders ul li .okolo {
  clear: both;
  height: 95px;
}

#category .subfolders ul li .text {
  clear: both;
  overflow: hidden;
}
*/


#category .subfolders ul li {
  width: 315px;
}



/*
#categories_index ul li  {
  margin: 6px;
  width: 162px;
  height: 195px;
  background-color: #fff;
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}
*/

#categories_index ul li  { /* index - zobrazení položek */
  margin: 4px 2px 0 2px;
  width: 87px; /* - 6 polozek na radek */
  /* width: 102px; - 5 polozek na radek */
  height: 105px;
  background-color: #fff;
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}
#categories_index ul li .okolo { height: 70px; } /* odsazeni nazvu kategorie*/
#categories_index ul li a {
  color: #388eff;
  font-weight: normal;
}

.products ul li  {
  background-image: url('../images/dlazdice_bg.jpg');
  background-repeat: repeat-x;
  background-position: bottom center;
}




.pane {
	background: #ecf4f7;
	padding: 10px 20px 10px;
	position: relative;
	border-top: solid 2px #388eff;
	margin-bottom: 10px;
}
.pane .delete {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}


#topBanner .topMenu .boxMeny {
  width: 70px;
  background-color: #d8e4c7;
  color: #000;
  padding: 0 0 3px 0;
  border: 1px solid #d8e4c7;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.5em;
  z-index: 1000;
  margin: 0 0 0 10px;
  float: left;
}

#topBanner .topMenu .boxMeny h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  background-color: #558f00;
  color: #fff;
}

#topBanner .topMenu .boxMeny a {
  color: #558f00;
}


#box_akce .box_products .cena {
  line-height: 1.4em;
}






#content .box { margin: 10px 0 0 0; height: auto; clear: both; }
#content .box .box-top { clear: both; height: 22px; }
#content .box .box-top .box-top-left { float: left; width: 1px; height: 22px; background-image: url('../images/box-header-background-left.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#content .box .box-top .box-top-left2 { float: left; width: 7px; height: 22px; background-image: url('../images/box-header-background-left2.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#content .box .box-top .box-top-center { height: 22px; width: 182px; float: left; background-image: url('../images/box-header-background-center.png'); background-repeat: repeat-x; background-position: 0px 0px; }
#content .box .box-top .box-top-right { float: left; width: 7px; height: 22px; background-image: url('../images/box-header-background-right.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#content .box .box-top .box-top-right2 { float: left; width: 1px; height: 22px; background-image: url('../images/box-header-background-left.png'); background-repeat: no-repeat; background-position: 0px 0px; }
#content .box .box-top .box-top-center h3 { /* nadpisy v bunkach */
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1em;
  color: #217FB2;
  margin: 0;
  padding: 6px 0 5px 22px;
  clear: none;
  float: left;
  width: 162px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center left;
}

#content .box .box-telo-middle { padding: 0px; border: 1px solid #bcbcbc; border-top: 0; border-left: 0; background-color: #EFEFEF; }
#content .box .box-telo-middle2 { padding: 0px; border: 1px solid #bcbcbc; border-top: 0; border-right: 0; background-color: #EFEFEF; }

#content .box .box-top .box-top-center h3.katalog { width: 150px; background-image: url('../images/box-header-icon-nabidka.gif'); }
#content .box .box-top .box-top-center h3.akce { width: 150px; background-image: url('../images/box-header-icon-akce.gif'); }
#content .box .box-top .box-top-center h3.aktuality { width: 150px; background-image: url('../images/box-header-icon-kontakt.gif'); }
#content .box .box-top .box-top-center h3.vyrobci { width: 150px; background-image: url('../images/box-header-icon-kontakt.gif'); }
#content .box .box-top .box-top-center h3.topprodukty { width: 150px; background-image: url('../images/box-header-icon-topprodukty.gif'); }
#content .box .box-top .box-top-center h3.seznam { width: 540px; background-image: url('../images/box-header-icon-nabidka.gif'); }
#content .box .box-top .box-top-center h3.newsletter { width: 150px; background-image: url('../images/box-header-icon-akce.gif'); }







.tlacitka a { height: 19px; float: left; margin: 2px 2px 0px 0; padding: 0 0 0 9px; text-decoration: none; background-repeat: no-repeat; background-position: left top; }
.tlacitka a span { float: left; padding: 1px 14px 3px 5px; font-size: 11px; font-weight: bold; color: #fff; display: block;  background-repeat: no-repeat; background-position: right top; }

.tlacitka a.modry { background-image: url('../images/button-modry-left.png'); }
.tlacitka a.modry span { background-image: url('../images/button-modry-right.png'); }
.tlacitka a.cerveny { background-image: url('../images/button-cerveny-left.png'); }
.tlacitka a.cerveny span { background-image: url('../images/button-cerveny-right.png'); }
.tlacitka a.zluty { background-image: url('../images/button-zluty-left.png'); }
.tlacitka a.zluty span { background-image: url('../images/button-zluty-right.png'); }
.tlacitka a.zeleny { background-image: url('../images/button-zeleny-left.png'); }
.tlacitka a.zeleny span { background-image: url('../images/button-zeleny-right.png'); }

.tlacitka a.vyhledavani { }
.tlacitka a.vyhledavani span { }

.tlacitka a span { float: none; } /* End IE5-Mac hack */
.tlacitka a:hover span {  }
.tlacitka #current a { background-position:0 -125px; }
.tlacitka #current a span { background-position:100% -125px; color: black; }

.okrajeimg {
 border-width:1px;
 border-color:#C00000;
 border-style:solid;
}

.input2 {
	FONT-SIZE: 11px; 
	FONT-FAMILY: arial,sans-serif;
	COLOR: #000000;
	height: 16px; 
	FONT-WEIGHT: normal;
	z-index: 1;
	border: 0px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 4px;
}

.font-vel {
	font-size: 12px; 
}

#box_rychlovky {
  clear: both;
  color: #C00000;
  padding: 3px 3px 5px 3px;
  font-size: 0.96em;
  /*background-color: #C00000;*/
}

#box_doporucujeme {
  clear: both;
  color: #000000;
  padding: 3px;
  font-size: 0.96em;
  /*background-color: #C00000;*/
}

#box_doporucujeme a {
  color: #C00000;
}

.button-emaily {
	background-image: url(/images/bg-odeslat.gif);
	background-repeat: no-repeat;
	border: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.red {
  color: #cc0000;
  font-size: 15px;
  font-weight: bold;
}

.vcdph {
  font-size: 10px;
}

.greenskladem {
  color: #41A62A;
  font-size: 12px;
  font-weight: bold;
}

.cenatextborder {
  color: #000000;
  background-color: #dddddd;
  width: 566px;
  padding: 10px; 
}

.cenatext {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}

.cenatext2 {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}

.cenavelka {
  color: #CC0000;
  font-size: 18px;
  font-weight: bold;
}

.cenamala {
  color: #CC0000;
  font-size: 12px;
  font-weight: bold;
}

.cenaodsazeni {
  margin: 5px 0 5px 0;
  padding: 0;
}

.popisproduktu {
  border: #cccccc 1px solid;
  width: 564px;
  padding: 10px;
}

.text16 {
  font-size: 16px;
  font-weight: bold;
}
 
.povyber {
  border: #cccccc 1px solid;
  width: 350px;
  padding: 10px;
  margin-bottom: 10px;
}  
 
 
/* A N K E T A */

.anketa {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 5px 0px 5px 5px;
	font-size: 11px;
	margin: 0 0 5px 0;
}

.anketa p {
	margin: 0;
	padding: 5px 0 5px 0;
}