/* CSS Document */
body
{
	font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;
	font-size: 11px;
	color: #5D5D5D;
	
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background:url("gfx/bg-bodyXXX.gif") 50% 50% repeat-y #323F3F; 
}

h1 {font-size: 210%; color:#131A1A;font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}
h2 {font-size:18px;color:#2C87E7;font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}
h3 {font-size:15px;color:#000000;font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}
h4 {font-size:13px;color:#000000;font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}
h5 {font-size:11px;color:#000000;font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}
h6 {font-size:10px;color:#000000;font-family:"Verdana CE","Arial CE","Lucida Grande CE","Helvetica CE",Verdana,Arial,lucida,sans-serif;}

a img {border:0;}


a:link, a:visited { color: #7E9100 }
a:active, a:hover { color: #525E00 }
input,textarea {border:1px solid #a8a8a8;}

#allContent{position:relative; width: 1170px;height: auto;margin: 0 auto;margin-bottom: 0; padding: 0 0 0 0;}
#allPage
{
  position:relative;width: 960px;height: auto;margin: 0px auto;margin-bottom: 0;overflow:hidden;float:left; padding: 0 0 0 0;
	/*background-color:#EEEFF1;*/
  background: #fff;
 
}

p.warning {font-weight:bold;}

/* PUVODNI 
#pravyReklamniSloupec{position:relative; left: 10px; width:202px;height:auto; margin:0 0 0 0;background:#f5f5f5;overflow:hidden;float:left;text-align:center;} 
*/

/* ZAKRYTY
#pravyReklamniSloupec{position:relative; width: 960px; height:auto; margin:0 0 0 0;background:#f5f5f5;overflow:hidden; text-align:center; display: none; } 
*/

#pravyReklamniSloupec{position:relative; left: 10px; width: 100%; height:auto; margin:0 0 0 0; overflow:hidden; text-align:center; background: #eee; } 
#pravyReklamniSloupec div.znacky span { display: block; width: 173px; height: 173px; line-height: 173px; float: left; margin: 0 10px 10px 0; }
#pravyReklamniSloupec div.znacky span a { display: block; width: 173px; height: 173px; line-height: 173px;  }


#bottombanners{position:absolute; top: 0; left: 970px; width: 200px; height:auto; margin:0 0 0 0; overflow:hidden; text-align:center; background: #eee; } 
#bottombanners div.znacky { padding-top: 13px; }
#bottombanners div.znacky span { display: block; width: 173px; margin: 0 10px 10px 0; position: relative; left: 13px; }
#bottombanners div.znacky span a { background: #fff; display: block; width: 173px; }
#bottombanners div.znacky span a img { margin: auto 0; }

#headLine{position:relative;width: 960px;height: 150px;margin:0;float:left;overflow:hidden;
            background:url("gfx/header3.jpg") 100% 100% repeat-x #283333; z-index: 1;   }
  #headLineLinkHome {position:absolute;width:340px;height:65px;left:602px;top:80px;overflow:hidden;display:block;text-decoration:none;}

/* levy sloupec --------------------------------------------------------------------------------- */
#levaStrana{position:relative;width: 202px;height: auto;margin:0;float:left; background: url("images/leftBg.jpg"); padding: 0 0 0 0; z-index: 1000; }
  #logo{position:relative;width:202px;height:199px;overflow:hidden;margin:0;}
  #flags{position:relative;width:202px;height:56px;overflow:hidden;margin:0;
         background: url("images/flagsBg.jpg");}
  #menu2{position:relative; left: 5px; width:202px;height:auto; margin:0; background: url("images/menu2rBg.jpg");background-repeat:repeat-y;}
    #menu2Bg{position:relative;width:202px;height:auto;min-height:261px; margin:0;
           background: url("images/menu2Bg.jpg");background-repeat:no-repeat;}          
    div.menuItem{position:relative;width:170px;height:15px;overflow:hidden;margin-left:5px;_margin-left:5px;float:left;padding:0;}
      div.menuItem p {margin:0 0 0 10px;padding:2px;}
      a.menu2Link {font-size:11px;text-decoration:none;color:#003366;font-weight:bold;}
      a.menu2Link2 {font-size:11px;text-decoration:none;color:#003366;font-weight:bold;}
      a.menu3Link {font-size:11px;text-decoration:none;color:#00561F;font-weight:bold;}
      a.menu3Link:hover {font-size:11px;text-decoration:underline;color:#800000;font-weight:bold;}
  #srchBox{position:relative;width:202px;height: 30px;overflow:hidden;margin:0;
         background: url("gfx/bg-menu.gif");}
    #srchBox h1 {font-size:13px;font-weight:normal;color:#333333;margin:10px 5px 5px 10px;padding:0;}
    #srchInput {position:absolute;z-index:10px;top:5px;left:10px;width:110px;height:18px;overflow:hidden;}
    #srchButton {position:absolute;z-index:10px;top:4px;left:132px;width:61px;height:22px;overflow:hidden;}
  #emailBox{position:relative; left: 10px; width:192px;height:91px;overflow:hidden;margin:0;} 
  #bannerLeft{position:relative;width:202px;height:auto;overflow:hidden;margin:0;background:url("images/reklama_bg.jpg");} 
    #bannerLeft p {margin:8px;}
  #bannerLeft div { margin: 10px 0 10px 10px;}
/* ------------------------------------------------------------------------------------------------------ */

/*  
span.item { display: block; position: relative; width: 192px; }
#menu2Bg div { position: relative; }
#menu2Bg img { display: inline !important; position: relative; top: 13px; left: 3px; margin: -12px 0 0 0; }
a.menu3Link { display: block; width: 192px; padding: 3px 0; text-indent: 18px; margin: 0 0 1px 0;   }
a.menu3Link:link, a.menu3Link:visited { background: #E7FEA0; color: #7E9100; }
a.menu3Link:active, a.menu3Link:hover { background: #AAC500; color: #fff; }
#menu2Bg div div { width: 190px; _width: 192px; margin: 0 0 8px 0; border: 1px solid #CAFE5C; position: relative; bottom: 1px; }
#menu2Bg div div span.item { width: 190px; }
#menu2Bg div div a.menu3Link { display: block; width: 190px; overflow: hidden; margin: 0 0 0 0; padding: 2px 0 2px 0; position: relative; left: 0px; }
#menu2Bg div div a.menu3Link:link, #menu2Bg div div a.menu3Link:visited { background: #F5FFD7; color: #7E9100; font-weight: normal; }
#menu2Bg div div a.menu3Link:active, #menu2Bg div div a.menu3Link:hover { background: #EAFFA8; color: #394200; font-weight: normal; }
*/


div#uvodem { background: #fff; border: 1px solid #fff; padding: 10px; margin: 10px 10px 30px 10px; font-size: 120%; color: #4A5051;  }
div#uvodem a:link, div#uvodem a:visited { color: #677601; }
div#uvodem a:active, div#uvodem a:hover { color: #000; }

/* pravy sloupec --------------------------------------------------------------------------------- */                                
#pravaStrana{position:relative;width: 758px;height: auto;margin:0;float:left; }
#fotoHead{position:absolute;width: 598px;height: 200px;margin:0;overflow:hidden; background:url("headfoto2.jpg") 0% 0%  no-repeat; z-index: 1; }

#menu1{position:relative;width:598px;height:38px;overflow:hidden;margin:0;background: url("images/menu1Bg.jpg");}   
#menu1 p {margin:10px 10px 0 0;text-align:right;padding:2px;color:#000000;font-size:11px;}
#menu1 p a {color:#a50000;text-decoration:none;font-size:11px;}
#flashMenu{position:relative;width:598px;height:173px;overflow:hidden;margin:0;background: url("images/flashBoxBg.jpg");}

#obsah{position:relative; left: 10px; width: 728px;height: auto;margin:0; padding: 20px 0 0 0; }
#obsah p {text-align:justify;}
#obsah p,h1,h2,h3,h4,h5,h6 {margin:0;padding:10px;}
#obsah h1,h2,h3,h4,h5,h6 {padding-bottom:0;}

div.box { width: 350px; height: 100px; background: #fff; border: 1px solid #fff; float: left; margin: 0 10px 10px 0; position: relative; left: 10px; }
div.box img { display: block; width: 100px; height: 100px; float: left; margin: 0 0 0 0; }
div.box h2 { margin: 0 0 0 0 !important; padding: 10px 0 0 0 !important; }
div.box p { margin: 0 0 0 0 !important; padding: 5px 0 0 0 !important; }
/* ------------------------------------------------------------------------------------------------------ */
#pata {position:relative;width: 960px; margin:0; background: #283333; overflow:hidden; color: #7C8E8F; }
#pata p { padding: 0 0 0 15px; }
#pata a:link, #pata a:visited { color: #7C8E8F; }
#pata a:active, #pata a:hover { color: #fff; }
div.lista {margin:15px;} 


/* kosik */
#kosikbox { width: 365px; _width: 395px; height: 34px; _height: 64px;  padding: 15px 15px 15px 15px; position: absolute; top: -282px; right: 30px; z-index: 10000 !important; color: #fff; text-align: right; font-size: 110%; }

/* shop ---------------------------------------------------------------------------------------------*/
div.shopBox{position:relative;float:left;width:348px;height:132px;background:url("images/shopBoxBg.gif");
            overflow:hidden;margin-right:10px;margin-top:10px;}
  div.shopBoxFoto{position:absolute;width:90px;height:90px;overflow:hidden;left:10px;top:5px;
                  border:1px solid #fff;}
  div.shopBoxNadpis{position:absolute;width:230px;height:28px;overflow:hidden;left:125px;top:10px;}
    div.shopBoxNadpis h1 {font-size:11px;color:#003366;margin:0;padding:0;}                  
    div.shopBoxNadpis h2 {font-size:11px;color:#003366;margin:0;padding:0;}
    div.shopBoxNadpis a:link, div.shopBoxNadpis a:visited { color: #2C87E7;text-decoration:underline;}
    div.shopBoxNadpis a:active, div.shopBoxNadpis a:hover { color: #115299;text-decoration:none;}
  div.shopBoxPopis{position:absolute;width:220px;height:40px;overflow:hidden;left:125px;top:39px;font-size:11px;}                
  div.shopBoxCena{position:absolute;width:75px;height:20px;overflow:hidden;left:125px;top:81px;font-size:15px;
                  color:#2C87E7;font-weight:bold;}
  div.shopBoxCenaOld{position:absolute;width:75px;height:20px;overflow:hidden;left:200px;top:86px;font-size:13px;
                  color:#000000;font-size:11px;text-decoration:line-through;}
  div.shopBoxDetailBut{position:absolute;width:90px;height:19px;overflow:hidden;left:20px;top:107px;font-size:11px;}
  div.shopBoxKoupitBut{position:absolute;width:95px;height:27px;overflow:hidden;left:190px;top:104px;font-size:11px;}
  div.shopBoxPocet{position:absolute;width:27px;height:29px;overflow:hidden;left:148px;top:107px;font-size:11px;}
  

div.shopBoxDetail{position:relative; width:726px;height:auto;background-color:#ffffff;
            overflow:hidden;margin-right:10px;margin-top:10px;}
  div.shopBoxDetailHeadFoto{position:relative;width:90px;height:90px;overflow:hidden;left:10px;
                  border:1px solid #e0e2e2;float:left;}
  div.shopBoxDetailHead{position:relative;width:576px;height:auto;background:url("images/shopBoxDetailBg1.gif");
                        overflow:hidden;background-repeat:no-repeat;}
    div.shopBoxDetailHeadNadpis{position:absolute;width:350px;height:auto;overflow:hidden;left:25px;top:10px;}
      div.shopBoxDetailHeadNadpis h1 {font-size:20px;color:#003366;margin:0;padding:0;}  
  div.shopBoxDetailBody {position:relative; left: 10px; width:640px;height:auto;font-size:12px;min-height:150px;
                        _height:150px;}
  div.shopBoxDetailCena{position:relative;width:115px;height:20px;overflow:hidden;font-size:13px;
                  color:#a50000;font-weight:bold;float:left;margin-left:125px;}
  div.shopBoxDetailCenaOld{position:relative;width:75px;height:20px;overflow:hidden;font-size:13px;
                  color:#000000;font-size:11px;text-decoration:line-through;float:left;}                        
  div.shopBoxDetailPata{position:relative;width:726px;height:31px;background:url("images/shopBoxDetailBg2.gif");
                        overflow:hidden;}
    div.shopBoxDetailKoupitBut{position:absolute;width:95px;height:27px;overflow:hidden;left:480px;top:4px;font-size:11px;}
    div.shopBoxDetailPocet{position:absolute;width:27px;height:29px;overflow:hidden;left:435px;top:7px;font-size:11px;}

table.kosikTable{width:100%;}
table.kosikTable th {background-color:#dedede;} 
table.kosikTable td {border-bottom:1px solid #dedede;}

/**** forum ****/
div.forumBox{position:relative;width:580px;height:auto;overflow:hidden;margin:0 0 5px 0;
             background-color:#f5f5f5;}
h1.forumNadpis{font-size:12px;font-weight:bold;color:#666666;margin:5px 5px 0 5px;}                       
div.forumBox table {margin:5px;text-align:left;}


br.clear { display: block; clear: left; }


form.trideni { background: #F4F7F7; border: 1px solid #E2E6E7; border-width: 1px 0; width: 718px; position: relative; left: 10px; padding: 5px 0; }


#webmenu { height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;  background: url("gfx/bg-menu.gif") 0% 0% repeat-x #283333; border: 1px solid #525F5F; border-width: 0 0 0 1px; list-style:  none;}
#webmenu li {height: 30px; float: left; _position : relative; _z-index : 1;}
#webmenu p { margin: 0 0 0 0; padding: 0 0 0 0; }
#webmenu span.pipe { position: absolute; top: -100721px; }
#webmenu a { display: block; width: 120px; height: 30px; line-height: 30px; float: left; border: 1px solid #000; border-width: 0 1px; border-right-color: #525F5F;  text-align: center; font-weight: bold; font-size: 110%  }
#webmenu a:link, #webmenu a:visited { background: url("gfx/bg-menu.gif") 0% 0% repeat-x #283333; color: #fff; text-decoration: none; }
#webmenu a:active, #webmenu a:hover { background: url("gfx/bg-menu.gif") 0% -40px repeat-x #283333; color: #fff; text-decoration: none;  }

#webmenu a#selected:link, #webmenu a#selected:visited, #webmenu a#selected:active, #webmenu a#selected:hover { background: url("gfx/bg-menu.gif") 0% -30px repeat-x #283333; color: #fff; text-decoration: none;  }

#webmenu ul {visibility : hidden; position : absolute; padding : 0; list-style : none; z-index : 100; margin-top : 30px;
	_left : 0;  _margin-left : 0;
}
#webmenu ul li {float : none; background-color : #151F1F; 
	_width : auto; _width : 165px;}
#webmenu ul li a {background : transparent !important; width : 165px; text-align : left; padding-left : 10px; border-top : 1px solid #262F2F; float : none; font-weight : 400;}
#webmenu ul li a:hover {background-color : #678400 !important;}

#webmenu li.hover ul,
#webmenu li:hover ul {visibility : visible;}

#webmenu li {
	_display: expression(
				this.onmouseover = new Function("this.className += ' hover';"),
				this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
	);
}

#top { width: 960px; height: 60px; }
#top #toplogo { width: 164px; height: 60px; position: absolute; top: 0; left: 0; }
#top #rest { width: 790px; height: 60px; line-height: 60px; position: absolute; top: 0; right: 0; text-align: right;  }
#top #rest #vkosiku { width: 260px; position: absolute; left: 0; top: 0; text-align: left; line-height: 60px; _padding-top: 18px;  }
#top #rest #vkosiku img { position: relative; top: 3px; }
#top #rest #regibox { width: 530px; position: absolute; right: 0; top: 0; text-align: right; line-height: 60px; _padding-top: 15px; }
#top #rest #regibox form { padding: 0 0 0 0; margin: 0 0 0 0; position: relative; right: 10px; }
#top #rest #regibox form input { width: 90px; }

div.paging { font-size: 110%; }
div.paging p.nalezeno { margin: 0 0 0 0; padding:  0 0 0 0; }
div.paging p.nums { font-size: 130%; font-weight: bold;  margin: 0 0 0 0; padding:  0 0 0 0; }
div.paging p.nums a:link, div.paging p.nums a:visited { color: #2C87E7; }
div.paging p.nums a:active, div.paging p.nums a:hover { color: #07223F; }

ul#menu { list-style-type: none; width: 190px;  margin: 0 0 0 0; padding: 0 0 0 0; background: #E7FEA0; border: 1px solid #ADF10E; border-width: 1px 1px 0 1px; z-index: 100; }
ul#menu a { display: block; }
ul#menu li { position: relative; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; width: 190px;  height: 2em; border: 1px solid #ADF10E; border-width: 0 0 1px 0; }
ul#menu li a { display: block; width: 190px;  height: 2em; line-height: 2em; margin: 0 0 0 0; padding: 0 0; overflow: hidden;  }
ul#menu li a:link, ul#menu li a:visited { background: #E7FEA0; color: #7E9100; text-decoration: none; text-transform: uppercase; text-indent: 20px; font-weight: bold; }
ul#menu li a:active, ul#menu li a:hover { background: #AAC500; color: #fff; text-decoration: none; text-transform: uppercase; text-indent: 20px; font-weight: bold; }
ul#menu li a.active:link, ul#menu li a.active:visited, ul#menu li a.active:active, ul#menu li a.active:hover {background: #AAC500; color: #fff; text-decoration: none; text-transform: uppercase; text-indent: 20px; font-weight: bold; }

ul#menu li a span { display: block; width: 10px; height: 10px; background: url("gfx/menuplus.gif") 0% 0% no-repeat; position: absolute; top: 5px; left: 4px; }
ul#menu li ul {
  width: 190px; 
  
	display: none;
	position: absolute;
	top: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	z-index: 100;
  background: #F0FEC7;
  left: 190px; 
 border: 1px solid #ADF10E; border-width: 1px 1px 0 1px;
 z-index: 100;
}


#menu li ul li ul { left: 190px; z-index: 188; margin: 0 0 0 0; padding: 0 0 0 0; background: #F0FEC7; }
ul#menu li ul li, ul#menu li ul li ul li { margin: 0 0 0 0; padding: 0 0 0 0; width: 190px;  }
ul#menu li ul li a { margin: 0 0 0 0; border-width: 0 0 0 0; }

ul#menu li ul li a:link, ul#menu li ul li a:visited { background: #F0FEC7; color: #7E9100; text-decoration: none; text-transform: none; text-indent: 20px; font-weight: normal; }
ul#menu li ul li a:active, ul#menu li ul li a:hover { background: #AAC500; color: #fff; text-decoration: none; text-transform: none; text-indent: 20px; font-weight: normal; }

#mainbanner { z-index: 1;  }
#mainbanner  p {text-align:center; z-index: 1; }
#mainbanner  p object {position : relative; z-index : 1;}
.prihlasbut { position: relative; top: 4px; _top: 3px; }

.obrazekDoleva {float:left;margin:0 10px;}
#shopDetailImg {width:175px;height:auto;overflow:hidden;float:left;text-align:center;margin:10px 0;}
#shopDetailDescription {width:455px;height:auto;overflow:hidden;float:left;margin:10px 0;}
  #shopDetailDescription p {margin:10px 0;padding:0;}
  #shopDetailDescription table {border:1px solid #dedede;margin-top:10px;}
  #shopDetailDescription th {text-align:left;padding:10px;}
  #shopDetailDescription td {text-align:left;padding:10px;}
.leftClr {clear:left;}
.shopBoxDetailCenaOld11 {color:#000000;text-decoration:line-through;}
.shopBoxDetailCena11 {font-size:13px;color:#a50000;font-weight:bold;}
#koupitBtn {border:0;width:95px;height:27px;float:left;margin-left:10px;}
#kusuInput {width:20px;height:25px;float:left;}
.malePismo {font-size:10px;}
.modra {color:#115299;}