@charset "utf-8";
/* CSS Document */
/* ==============================================
				Table of Content

1. Header
2. Horizontalni Menu
3. Reklamni pruh na vrchu stranky
4. Leve Menu
5. Footer
6. Hlavni Obsah

================================================= */


body {
  background:#fff;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}

a {
  color:#cc0000;
  text-decoration:none;
}
.clear {clear:both;}
/* centrovaci obalovac */
.centerWrapper {
  width:970px;
  margin:0 auto;
}
/* nastaveni hlavniho obsahu stranku. resp. jeho odsazeni od vrchu kvuli absolutnimu pozicovani hlavicky */
.contentWrapper {
 margin:210px 0px 0px 0px;
}


/* ========================================
	1.Begin Header
=========================================== */
.header {
  position:absolute;
  top:0;
  width:100%;
  height:190px;
  background:#efefef;
}
  /* logo */
.header img {
  margin:22px 0px -6px 48px;
  float:left;
  position:relative;
  z-index:100;
}
  /* vyhledavaci input do ktereho se pise hledana fraze */
.header  .searchInput {
  background:url(../images/header/search-box-background.gif) no-repeat;
  width:251px;
  height:23px;
  color:#989898;
  border:none;
  border:7px solid #dadada;
  border-right:2px solid #dadada;
  padding:9px 0px 0px 10px;
  float:left;
  margin:31px 0px 0px 80px;  
}
  /* tlacitko vyhledat */
.header  .searchButton {
  color:#FFFFFF;
  background:#cc0000; 
  border:1px solid #fff;
  border-left:1px solid #dadada;
  text-transform:uppercase;
  height:46px; 
  font-weight:bold;
  margin:31px 0px 0px 0px;
  cursor:pointer;
  font-size:0.9em;
  float:left;
  border:7px solid #dadada;
}
  /* text vedle vyhledavacih poli - rozsirene vyhledavani */
.header .AdvancedSearch {
  float:left;
  margin:50px 0px 0px 10px;
  color:#6f6f6f;
  text-decoration:underline;
}
.header .AdvancedSearch:hover {
  color:#cc0000;
  text-decoration:none;
}
/* ========================================
	1.End Header
=========================================== */





/* ========================================
	2.Begin Horizontalni Menu
=========================================== */
.HorizontalMenu {
  width:100%;
  float:left;
  margin:0px -20px 0px 0px;
}
  /* pozadi se nastavuje odkazum kvuli IE6 aby spravne fungoval hover a odkaz byl cely "box" a ne jen text */
.HorizontalMenu li a{
  background:url(../images/header/horizontal-menu-background.gif) no-repeat;
  width:160px;
  height:40px;
  float:left;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  line-height:40px;
  text-align:center;
  padding:0px 2px 0px 0px;
}
.HorizontalMenu li {
  float:left;
}
.HorizontalMenu li a {
  color:#fff;
}
.HorizontalMenu li a:hover, .HorizontalMenu li .active {
  color:#989898;
  background-position:-160px 0;
}
  /* posledni odkaz v menu musi mit tuto tridu! jinak dojde kvuli paddingu k rozhozeni celeho menu */
.HorizontalMenu li .noPadding {
  padding:0px;
  margin:0px -2px 0px 0px;
  _margin:0px 0px 0px 0px;
}
/* ========================================
	2.End Horizontalni Menu
=========================================== */





/* ========================================
	3.Begin Reklamni pruh na vrchu stranky
=========================================== */
.AdvertiseLine {
  width:100%;
  height:30px;
  background:#dadada;
  text-align:center;
  padding:10px 0px 0px 0px;
}
.AdvertiseLine ul li{
  float:left;
  padding:0px 5px 2px 5px;
  border-right:1px solid #6f6f6f;
}
  /* posledni polozka seznamu musi mit tuto tridu, aby se nezobrazoval posledni pravy ramecek */
.AdvertiseLine .noBorder{
  border:none;
}
.AdvertiseLine ul li a{
  color:#6f6f6f;
  text-decoration:underline;
}
.AdvertiseLine ul li a:hover{
  float:left;
  color:#cc0000;
  text-decoration:none;
}
/* ========================================
	3.End Reklamni pruh na vrchu stranky
=========================================== */





/* ========================================
	4.Begin Leve Menu
=========================================== */
.leftMenu {  
  width:250px;
}
  /* nadpis kazdeho boxu menu */
.leftMenu .topNadpis {
  width:235px;
  color:#000;
  height:41px;
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  line-height:40px;
  padding:0px 0px 0px 15px;
}
  /* obal leveho menu - kazdeho boxu */
.leftMenu .leftMenuWrapper {
  padding:10px 18px 18px 18px;
  margin:0px 0px 20px 0px;
}
.leftMenu .leftMenuWrapper ul{
  padding:10px 0px 0px 15px;
}
  /* bila cara - mozno pouzivat jako div class whiteLine ---> oddelovac */
.leftMenu .leftMenuWrapper .whiteLine{
  margin:15px -15px 15px -15px;
  width:243px;
  height:1px;
  font-size:0em;
  background:#fff;
}
  /* tucny span s cervenou barvou */
.leftMenu .leftMenuWrapper .boldSpan {
  color:#cc0000;
  text-decoration:underline;
  font-weight:bold;
}
  /* vice roztahle menu (seznam) */
.leftMenu .leftMenuWrapper .bigger {
  border-bottom:1px solid #fff;
  padding:3px 0px 3px 28px;
  margin:0px -10px 0px -28px;
}
  /* aktivni polozka menu */
.leftMenu .leftMenuWrapper .active, .leftMenu .leftMenuWrapper .active a {
  background:#fff;
  color:#cc0000;
  font-weight:bold;
  padding-bottom:10px;
}
  /* aktivni polozka submenu */
.leftMenu .leftMenuWrapper .subActive {
  font-size:0.9em;
  color:#989898;
  background:#fff;
  width:200px;
  margin:0px 0px -1px -28px;
  padding:1px 0px 5px 37px;
}
.leftMenu .leftMenuWrapper .subActive a{
  color:#989898;
  text-decoration:underline;
}
  /* posledni prazdna polozka - kvuli vytvoreni mezery */
.leftMenu .leftMenuWrapper .empty {
  padding-bottom:20px;
}
  /* nastaveni pozadi a stylu jednotlivych barev... */
    /* oranzova */
.leftMenu .orangeTop {
  background:#f9f4db url(../images/left-menu/orange-top.gif) no-repeat;
}
.leftMenu .orangeCenter {
  background:#f9f4db url(../images/left-menu/orange-center.gif) bottom no-repeat;
}
.leftMenu .orangeCenter a {
  color:#cc0000;
}
.leftMenu .orangeCenter a:hover {
  color:#000;
  text-decoration:none;
}
    /* seda */
.leftMenu .grayTop {
  background:#f1f1f1 url(../images/left-menu/gray-top.gif) no-repeat;
}
.leftMenu .grayCenter {
  background:#f1f1f1 url(../images/left-menu/gray-center.gif) bottom no-repeat;
  color:#6f6f6f;
}
.leftMenu .grayCenter a {
  color:#6f6f6f;
}
.leftMenu .grayCenter a:hover {
  color:#cc0000;
  text-decoration:none;
}
/* ========================================
	4.End Leve Menu
=========================================== */





/* ========================================
	5.Begin Footer
=========================================== */
.footer {
  width:100%;
  background:#f1f1f1;
  border-top:2px solid #dadada;
  padding:25px 0px 25px 0px;
  color:#989898;
  font-size:1em;
  float:left;
}

.footer .leftBar {
  float:left;
}
.footer .rightBar {
  float:right;                
}
/* ========================================
	5.End Footer
=========================================== */    



/* ========================================
	6.Begin Hlavni Obsah
=========================================== */
.mainContentWrapper {
  width:690px;
  float:right;
}
.itemIMG {
  width:133px;
  height:179px;
  float:left;
  text-align:center;
}
.mainContentWrapper .banner {
  margin:0px 0px 10px 0px;
}
.mainContentWrapper .itemBoxGray {
  width:325px;
  float:left;                                                                                                 
  background:#f1f1f1 url(../images/content/item-box/gray/bottom.gif) bottom no-repeat;
  margin:0px 10px 10px 0px;
  padding:0px 0px 10px 0px;
} 
.mainContentWrapper .itemBoxGray .top{
  width:325px;
  float:left;
  background:#f1f1f1 url(../images/content/item-box/gray/top.gif) top no-repeat;
  height:5px;
} 
.mainContentWrapper .itemBoxGray h3 {
  color:#cc0000;
  background:url(../images/content/item-box/gray/h2.gif) bottom;
  padding:10px 5px 10px 15px;
  margin:0px 0px 0px 0px;  
  text-decoration:underline;
  font-size:1.1em;
  min-height:10px;
}
.mainContentWrapper .itemBoxGray .imageBottom {
  background:#fff url(../images/content/item-box/gray/image-bottom.gif) bottom no-repeat;
  float:left;
  padding:0px 0px 3px 0px;
  margin:0px 0px 0px 2px;
}
.mainContentWrapper .itemBoxGray .pp {
  padding:15px 10px 10px 10px;
  float:left;
  width:170px;
  text-align:justify;
}
.mainContentWrapper .itemBoxGray .price {
  width:180px;
  height:47px;
  float:left;
  background:#fff url(../images/content/item-box/gray/price.gif);
  text-align:right;
  color:#cc0000;
  font-weight:bold;
  font-size:1.5em;
  padding:8px 10px 0px 0px;
  margin:0px 0px 0px 0px;
}
.mainContentWrapper .itemBoxGray .price span {
  font-size:0.6em;
  color:#000;
  display:block;
  padding:5px 0px 0px 0px;
}
.mainContentWrapper .itemBoxGray .vlozDoKosiku {
  line-height:32px;
  text-align:right;
  padding:15px 5px 0px 10px;
  float:left;
}
.mainContentWrapper .itemBoxGray .vlozDoKosiku .addItem {
  background:url(../images/content/item-box/pocet.gif) no-repeat;
  font-size:1.2em;
  float:left;
  border:1px solid #fff;
  width:21px;
  height:25px;
  padding:5px 0px 0px 0px;
  color:#989898;
  text-align:center;
}
.mainContentWrapper .itemBoxGray .vlozDoKosiku .addItemButton {
  color:#FFFFFF;
  background:#cc0000; 
  border:1px solid #fff;
  border-left:1px solid #dadada;
  text-transform:uppercase;
  height:32px; 
  font-weight:bold;
  margin:0px 3px 0px 0px;
  cursor:pointer;
  font-size:0.9em;
  float:left;
}



.mainContentWrapper .itemBoxBlue {
  width:325px;
  float:left;
  background:#e1f3f5 url(../images/content/item-box/blue/bottom.gif) bottom no-repeat;
  margin:0px 10px 10px 0px;
  padding:0px 0px 10px 0px;
} 
.mainContentWrapper .itemBoxBlue .top{
  width:325px;
  float:left;
  background:#e1f3f5 url(../images/content/item-box/blue/top.gif) top no-repeat;
  height:5px;
}                                                                                                                
.mainContentWrapper .itemBoxBlue h3 {
  color:#cc0000;
  background:url(../images/content/item-box/blue/h2.gif) bottom;
  padding:10px 5px 10px 15px;
  margin:0px 0px 0px 0px;  
  text-decoration:underline;
  font-size:1.1em;
  min-height:10px;
  display:block;
}
.mainContentWrapper .itemBoxBlue .imageBottom {
  background:#fff url(../images/content/item-box/blue/image-bottom.gif) bottom no-repeat;
  float:left;
  padding:0px 0px 3px 0px;
  margin:0px 0px 0px 2px;
}
.mainContentWrapper .itemBoxBlue .pp {
  padding:15px 10px 10px 10px;
  float:left;
  width:170px;
  text-align:justify;

}
.mainContentWrapper .itemBoxBlue .price {
  width:180px;
  height:47px;
  float:left;
  background:#fff url(../images/content/item-box/blue/price.gif);
  text-align:right;
  color:#cc0000;
  font-weight:bold;
  font-size:1.5em;
  padding:8px 10px 0px 0px; 
  margin:0px 0px 0px 0px;
}
.mainContentWrapper .itemBoxBlue .price span {
  font-size:0.6em;
  color:#000;
  display:block;
  padding:5px 0px 0px 0px;
}
.mainContentWrapper .itemBoxBlue .vlozDoKosiku {
  line-height:32px;
  text-align:right;
  padding:15px 5px 0px 10px;
  float:left;
}
.mainContentWrapper .itemBoxBlue .vlozDoKosiku .addItem {
  background:url(../images/content/item-box/pocet.gif) no-repeat;
  font-size:1.2em;
  float:left;
  border:1px solid #fff;
  width:21px;
  height:25px;
  padding:5px 0px 0px 0px;
  color:#989898;
  text-align:center;
}
.mainContentWrapper .itemBoxBlue .vlozDoKosiku .addItemButton {
  color:#FFFFFF;
  background:#cc0000; 
  border:1px solid #fff;
  border-left:1px solid #dadada;
  text-transform:uppercase;
  height:32px; 
  font-weight:bold;
  margin:0px 3px 0px 0px;
  cursor:pointer;
  font-size:0.9em;
  float:left;
}
/* ========================================
	6.End Hlavni Obsah
=========================================== */



































#middle{
	float: left;
	text-align: justify;
	width: 670px;
	margin: 0px 7px 10px 15px;
}

#middle h2{
	font-size: 1em;
	display: block;
	text-align: left;
	color: Black;
	border-bottom: 1px solid gray;
	padding: 6px 5px 6px 6px;
	margin: 10px -2px 7px -2px;
	/*background: #3E3E3E url(bg-h2.gif) repeat-x bottom;*/
	clear: both;
}

#middle p{
	padding:5px 1px 5px 1px;
	/*font-size: 0.8em;*/
}

#middle li{
	list-style: none;
}











.radek{
	display: block;
	clear: both;
}


#tridit{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 0.9em;
}
#strankovani{
	text-align: center;
	display: block;
	clear: both;
	font-size: 1em;
	padding: 3px;
	font-weight:bold;
}
#strankovani a{
	color: #600017;
	font-weight:bold;
}

#bannerbot{
	margin: 0px auto 0px auto;
	clear: both;
	display: block;
}
#komentare{
	text-align: left;
}
#komentare a{
	font-size: 0.7em;
}
#komentare p{
	display: block;
	border-bottom: 1px solid #E4EAEF;
	margin: 5px 0px 10px 0px; 
}
.drobecky{
	display: block;
	font-size: 0.8em;
	padding: 6px 5px 6px 6px;
	margin: 10px -2px 7px -2px;
}
.drobecky a{
	color: Black;
}
.cervena{
	color: Red;
	font-size: 1.1em;
	margin-right: 5px;
}
#popis{
	display: block;
	clear: both;
	padding: 10px 0px 10px 0px;
}
#popis table{
	float: right;
	/*font-size: 1em;*/
	width: 60%;
}
#popis img{
	float: left;
}
.pocetkusu{
	text-align: right;
}
.pocetkusu input{
	margin-top: 15px;
	margin-bottom: 15px;
}
.pridarkosiku{
	text-align: left;
}
.pridarkosiku a{
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	padding: 4px;
	background: #E4EAEF;
	border: 1px solid #ABBDCD;
	width: 55%;
}.pridarkosiku a:hover{
	background: #ABBDCD;
	border: 1px solid #8FA7BC;
}
#seznamkosiku{
	width: 100%;
	font-size: 0.83em;
	margin: 0px 0px 20px 0px;
}
#seznamkosiku .nazevzbozi{
	width: 50%;
}
#seznamkosiku input{
	font-size: 0.83em;
}
#seznamkosiku .podtrzeni{
	border-bottom: 1px dashed #8FA7BC;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 15px 0px; 
}
.dotaz{
	float: left;
	margin: 2px 0px 0px 0px;
}
.adresa{
	font-size: 0.8em;
	width: 100%;
}
.adresa td{
	padding: 3px;
}
.adresa input{
	margin: 3px 0px 3px 0px;
}
.adresa .modrabg{
	background: #E4E4E4;
}
.aligncenter{
	text-align: center;
	margin: 10px;
}






select {
	background-color : White;
	color : Black;
	width: 240px;
	font-family : Arial;
	font-size : 11px;
	font-weight : bolder;
}

#popis_kategorie{
	text-align: left;
	background: #EFF2F5;
	border-bottom: 1px solid #E4EAEF;
	border-top: 1px solid #E4EAEF;
	display: block;
	clear: both;
	font-size: 1em;
	padding: 3px;
}


.a_login{
	font-size: 0.8em;
	width: 60%;
	text-align: center;
}

.a_login td{
	padding: 3px;
	text-align: center;
}

.a_login input{
	margin: 3px 3px 3px 3px;
}

.a_login .modrabg{
	background: #E4E4E4;
}

.button{
	background: #ADADAD url(bg-button.gif) repeat-x bottom;
	padding: 3px;
	border: 1px solid #ADADAD;
	color: White;
}

.itext{
	background: url(bg-itext.gif) repeat-x top;
	border: 1px solid #8B8B8B;
	text-align: center;
}




#paticka{
	background: url(paticka.jpg) no-repeat top;
	display: block;
	clear: both;
	color: #818181;
	font-family : Arial;
	font-size : 13px;
	height: 280px;
	text-align: left;
	padding: 20px 10px 0px 20px;
}

#paticka a{
	color: #CC0000;
	text-decoration: none;
}

#paticka .white {
	color: #818181;
	text-decoration: none;
}

#paticka .white a{
	color: #818181;

}

#paticka span.white a{
	color: #818181;
	text-decoration: underline;
}