/*--- definice telo+scroll ---*/
BODY {
background-image: url(top_bg.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  background-color: #ffffff;
  text-align: center;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
}
/*--- cela stranka ---*/
 div.seo{
 display: none;
 }
p, h2, h1, h3 {
	clear: both;
}
#stranka{
text-align: left;
margin-top: 0px;
width: 945px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
}

/*--- hlavicka ---*/
#hlavicka01{
margin-top: 0px;
margin-left: 0px;
width: 945px;
height: 85px;
background: url(hlavicka01.gif);

}
#logo{
margin-top: 0px;
margin-left: 0px;
width: 311px;
height: 85px;
display: block;
}
#kosik_top{
margin-top: -75px;
margin-left: 750px;
width: 180px;
height: 75px;
font-size: 13px;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
font-weight: bold;
list-style-type: none;
padding-left: 30px;
padding-top: 3px;
background: url(kosik.gif) no-repeat 0px 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#kosik_top a{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-weight: normal;
}
#kosik_top a:hover{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #CC0000;
font-weight: normal;
}
#hlavicka02{
margin-top: 0px;
margin-left: 0px;
width: 945px;
height: 186px;
background: url(hlavicka02.jpg);
}
#paticka{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 945px;
height: 78px;
background: url(lista_bottom.gif);
}
#paticka p{
padding-top: 40px;
margin-left: 200px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
font-weight: normal;
}
#paticka a{
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
color : #006699;
font-weight: normal;
text-decoration: none;
}
#paticka a:hover{
text-decoration: underline;
}
/*--- navigace ---*/
#tl_pred{
margin-top: 0px;
margin-left: 0px;
width: 338px;
height: 37px;
background: url(tl_pred.gif);
}

#hlavni_menu{
list-style: none;
background: url(navi.gif);
height: 37px;
margin-left: 0px;
}
#hlavni_menu li{
font-family:  Arial, Helvetica, sans-serif;
font-size: 13px;
float: right;
padding-bottom: 0px;
margin-bottom: 0px;
background: url(carka.gif) no-repeat right;
}
#hlavni_menu li.posledni{
float: right;
padding-bottom: 0px;
margin-bottom: 0px;
background: none;
margin-right: 20px;
}
#hlavni_menu li a, #hlavni_menu li.posledni a{
display: block;
font: bold 14px  Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFFFFF;
padding-top: 10px;
padding-bottom: 11px;
padding-left: 8px;
padding-right: 8px;
margin-right: 2px;
}
#hlavni_menu li a:hover, #hlavni_menu li.posledni a:hover{
background: url(navi-over.gif);
}

/*--- telo ---*/
#telo{
clear: both;
margin-left: 0px;
width: 945px;
background: url(telo_bg.gif) no-repeat top;
}
/*--- rozdeleni hlavni tabulka obsahu ---*/
#rozdeleni{
clear: both;
margin-top: 0px;
padding-top: 0px;
margin-left: 11px;
margin-right: 11px;
width: 923px;
}
#levy_menu{
width: 220px;
vertical-align: top;
}
#obsah{
width: 703px;
vertical-align: top;
padding-left: 10px;
}
/*--- grafika menu+pozice---*/
.menu01{
width: 216px;
margin-bottom: 10px;
padding-bottom: 16px;
margin-top: 2px;
background: url(menu_bottom.gif) no-repeat bottom;
}
.menu02{
width: 216px;
margin-bottom: 10px;
margin-top: 2px;
background: #FFF5EE url(menu02_bottom.gif) no-repeat bottom;
padding-bottom: 16px;
}

/*--- texty,nadpisy---*/
h1{
font-size: 18px;
font-family:  Arial, Helvetica, sans-serif;
color : #ff5400;
font-weight: bold;
list-style-type: none;
padding-left: 24px;
background: url(arow01.gif) no-repeat 0px 0px;
margin-top: 6px;
}
h2{
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #ff5400;
font-weight: bold;
list-style-type: none;
padding-left: 24px;
background: url(arow01.gif) no-repeat 0px 0px;
margin-top: 15px;
padding-bottom: 10px;
width: 680px;
float: left;
}
h3{
font-size: 16px;
font-family:  Arial, Helvetica, sans-serif;
color : #ff5400;
font-weight: bold;
list-style-type: none;
padding-left: 24px;
background: url(arow01.gif) no-repeat 0px 0px;
margin-top: 15px;
padding-bottom: 10px;
}
h4{
font-size: 14px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: bold;
margin-top: 15px;
padding-bottom: 10px;
margin-left: 10px;
}
.icon01{
margin-top: 10px;
width: 143px;
height: 45px;
background: url(icon01.gif) no-repeat left;
}
.buttons{
margin-left: 147px;
margin-top: -45px;
padding-bottom: 7px;
width: 60px;
height: 45px;
}
.button{
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0px;
padding-top: 0px;
width: 66px;
height: 19px;
}
.input01{
margin-top: 2px;
margin-left: 24px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-size: 12px;
font-weight: normal;
width: 114px;
height: 19px;
border: solid 1px #FCB076;
padding-bottom: 0px;
margin-bottom: 2px;
background: url(input01.gif) repeat-x;
}
.input02{
margin-top: 0px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 12px;
font-weight: normal;
height: 19px;
border: solid 1px #000000;
padding-bottom: 0px;
margin-bottom: 0px;
}

.menu01 li a{
display:block;
background:url("li.gif") no-repeat 0 10px;
padding-left: 25px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-size: 12px;
width: 216px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 4px;
}
.menu01 li a:hover
{
background-color: #ffffff;
color: #CC0000;
}
.menu01 ul
{
background: #E5EFF3;
margin: 0 0 0 0px;
}
.menu01 li
{
width: 216px;
list-style:none;margin:0;padding:0;
}
.menu02 li a{
display:block;
background:url("li.gif") no-repeat 0 10px;
padding-left: 25px;
font-family:  Arial, Helvetica, sans-serif;
color : #333333;
font-size: 12px;
width: 216px;
font-weight: normal;
padding-top: 5px;
padding-bottom: 4px;
}
.menu02 li a:hover
{
background-color: #ffffff;
color: #CC0000;
}
.menu02 ul
{
margin: 0 0 0 0px;
}
.menu02 li
{
width: 216px;
list-style:none;margin:0;padding:0;
}
.menu01 h5{
margin-left: 0px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
width: 216px;
background: url(poz_nad01.gif) no-repeat;
padding-top: 6px;
padding-bottom: 10px;
padding-left: 25px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-size: 15px;
font-weight: bold;
}
.menu02 h5{
margin-left: 0px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
width: 216px;
background: url(poz_nad02.gif) no-repeat;
padding-top: 6px;
padding-bottom: 10px;
padding-left: 25px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-size: 15px;
font-weight: bold;
}
/*---obchod---*/
.obchod{
float: left;
width: 218px;
height: 310px;
margin-left: 0px;
margin-right: 11px;
_margin-right: 8px;
margin-top: 10px;
border: solid 1px #ffffff;
background: url(obchod_poz_celek01.gif) no-repeat bottom right;
}

.obchod h4 a{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.obchod h4 a:hover{
font-family:  Arial, Helvetica, sans-serif;
color : #ff0000;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
.obchod h4{
font-family:  Arial, Helvetica, sans-serif;
color : #0574A2;
font-size: 12px;
font-weight: normal;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 10px;
padding-left: 7px;
padding-top: 5px;
padding-right: 7px;
padding-bottom: 4px;
text-align: left;
background: url(obchod_poz01.gif);
border: solid 1px #E5EFF3;
}
.obchod span{
color : #ff0000;
}
.fotob{
margin-left: 7px;
}
.obchod p{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
margin-left: 7px;
margin-top: 5px;
text-align: left;
}
.obchod div.obchod_ovl{
display: none;
}
.obchod_po div.obchod_ovl{
margin-bottom: 0px;
display: run-in;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 14px;
font-weight: normal;
}
.obchod p.obchod_info{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 11px;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 0px;
margin-left: 7px;
margin-top: 5px;
text-align: left;

}
/*---obchod po najeti mysi---*/
.obchod_po{
float: left;
width: 218px;
height: 310px;
margin-left: 0px;
margin-right: 11px;
margin-top: 10px;
_margin-right: 8px;
border: solid 1px #C2DDE8;
background: #E5EFF3;
}

.obchod_po h4{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
padding-left: 7px;
padding-top: 4px;
padding-right: 7px;
padding-bottom: 5px;
text-align: left;
background: url(obchod_poz02.gif);
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
border: solid 1px #C2DDE8;
}
.obchod_po span{
color : #ff0000;
}
.obchod_po p{
font-family:  Arial, Helvetica, sans-serif;
color : #00000;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
margin-left: 7px;
margin-top: 5px;
text-align: left;
}
.obchod_po p.obchod_info{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 12px;
font-weight: normal;
margin-left: 7px;
margin-top: 5px;
text-align: left;
display: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
p.cena{
font-family:  Arial, Helvetica, sans-serif;
color : #ff0000;
font-size: 15px;
font-weight: bold;
margin-bottom: 6px;
padding-bottom: 0px;
margin-left: 7px;
margin-right: 7px;
margin-top: 5px;
text-align: left;
border-bottom: solid 1px #E1EEF4;
}
.obchod_po h4 a{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.obchod_po h4 a:hover{
font-family:  Arial, Helvetica, sans-serif;
color : #ff0000;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
/*---obchod input---*/
.pocet{
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-size: 14px;
padding-top: 2px;
font-weight: normal;
border: solid 1px #000000;
width: 30px;
margin-left: 10px;
margin-bottom: 8px;
}
.koupit{
margin-left: 10px;
margin-top: 8px;
padding: 0 0 0 0px;
}

/*--- kosik tabulky---*/
  .td_kosik {
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: Arial,Verdana;
padding: 5 5 5 5px;
background: url(td_kosik.gif);
color:#FFFFFF;
margin: 2 2 2 2px;
border: solid 1px #0066CC;
}
  .td_kosik span{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
FONT-FAMILY: Arial,Verdana;
color:#FFFFFF;
float: right;
}
  .td_zbozi {
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
FONT-FAMILY: Arial,Verdana;
padding: 5 5 5 5px;
color:#000000;
margin: 2 2 2 2px;
background:  #EEF5F7;
border: solid 1px #C2DDE8;
}
.fakt {
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: Black;
}
.fakt span{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: red;
}
.fakt p{
margin-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
}
 p span{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: black;
}
.button_k{
background: url(poz_tl.gif);
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight: normal;
border: solid 1px #cc0000;
text-align: center;
width: auto;
text-decoration: none;
padding: 5px 12px;
}

p{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.black{
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #000000;
font-weight: normal;
}
.menu01 li a.podcategory {
	background:url("li.gif") no-repeat 15px 10px;
	padding-left: 40px;
}
  .foto {
  border: solid 2px #666666;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
	color:#000000;
	float: left;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
}
  .foto_po {
  border: solid 2px #DB2B04;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial,Verdana;
	color: #000000;
	float: left;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
}
.pager {
margin-top: 15px;
	float: right;
	margin-right: 20px;
	font: bold 13px  Arial, Helvetica, sans-serif;
color: #015291;
}
.pager img {
	vertical-align: top;
}
.pager a.active {
	color: #000000;
	text-decoration: none;
}
.pager a img, .pager a {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#anketa {
	width: 206px;
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, "sans-serif";
	font-size: 11px;
	padding: 5px;
	padding-top: 5px;
}
#anketa span {
	display: block;
}
#anketa a {
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
}
#anketa a:hover {
	text-decoration: underline;
}
#anketa img {
	border: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
}
#anketa .otazka {
	display: inline;
	font-weight: bold;
}
#anketa .spolu {
	display: inline;
}
#anketa .perc {
	display: inline;
	color: #FF9966;
}
ul.sub {
 position: absolute; 
 z-index: 1; 
 visibility:hidden;
 margin-top: 0px;
 padding-top: 0px;
 } /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/
 
    #hlavni_menu ul.sub li {display: block;  width: 100%; margin:0; padding-top: 1px; margin-left: 0px;}
 #hlavni_menu ul.sub li a {
 display: block; 
 margin: 0; 
 width: 166px; 
 height: 20px;
 background-color: #0182af; 
 text-decoration: none;
 }
 #hlavni_menu ul.sub li  a {width: 166px;}
 #hlavni_menu ul.sub li  a span { 
 margin-left: 5px;
 color:  #ffffff;
 }
 #hlavni_menu ul.sub li  a:hover {
 background-color: #ea5826; 
 color: white;
 text-decoration: none;
 }
 #hlavni_menu ul.sub li  a:hover span { 
 margin-left: 5px;
 color:  #ffffff;
 text-decoration: none;
 }
 #hlavni_menu ul li.main {position: relative;}
 #hlavni_menu ul li.main h6 { padding: 0px; margin-top: 0px;}
 #hlavni_menu ul li.main h6 a:hover {text-decoration: none;}
 
  #hlavni_menu ul li > ul.sub {position: absolute; z-index:1; visibility: hidden;}
  #hlavni_menu ul li.main:hover ul.sub {visibility: visible;}
  
  /*---reklama---*/
.reference{
clear: both;
width: 690px;
height: 200px;
margin-bottom: 10px;
background: url(reklama.gif);
}
.reference .text{
margin-left: 30px;
margin-top: 10px;
margin-bottom: 10px;
width: 450px;
height: 180px;
padding: 0px;
}
.reference .foto{
border: solid 4px #fedab6;
width: 200px;
height: 150px;
margin-left: 480px;
margin-top: -190px;
padding: 0px;
}
.reference .text  h4{
color: #006699;
margin: 0px;
padding: 0px;
padding-bottom: 14px;
}
.reference .text h4 a{
color: #006699;
margin: 0px;
padding: 0px;
}
.reference .text p{
color: #000000;
margin: 0px;
padding: 0px;
}