body {
background: url(../img/bg_vrch.gif) repeat-x top;
margin: 20px 0 0 0;
font: 69%/1.4em Arial,verdana;
color: #666;
}
.clear {
  clear: both;
}
#moj {
  width: auto;
  height: 150px;
}
a img {
border-style: none;
}
h2 {
color: #a7c345;
font-size: 13pt;
}


/*** HEAD ***/
#head {
height: 161px;
background: url(../img/hlavicka.gif) no-repeat top;
}
#horni_odkazy{
color: #e16911;
width: 200px;
float: right;
padding: 25px 0px 0 0;
}

#footer #slogem a.text {
  text-decoration: none;
  color: #999999;
}
#footer #slogem a.text:hover {
  text-decoration: underline;
}
#footer #slogem a {
  margin: 0;
  padding: 0;
}
#horni_odkazy a, #footer a{
color: #e16911;
padding: 0 4px;
font-size: 90%;
}
#horni_odkazy a:hover, #footer a:hover{
color: #c13901;
text-decoration: none;
}
#head img{
position:relative;
left: 40px;
top: -20px;
}
#bublina {
position: relative;
left: 267px;
top: 54px;
width: 295px;
height: 65px;
overflow: hidden;	
}
#bublina h1 {
color: white;
margin: 0px;
font-size: large;
}
#bublina h2 {
color: #393939;
margin-top: 5px;
font-size: 9pt;
font-weight: normal;
}
#bezici_text {
float: right;
position: relative;
top: 55px;
right: -150px;
width: 230px;
height: 77px;
overflow: hidden;
}

/*** LAYOUT ***/
#all {

width: 1001px;
margin: 0 auto;
}
#obsah {
background: url(../img/bg_kraje.gif) no-repeat top;
padding: 15px 20px 0 20px;
}
#left {
float: left;
width: 200px
}
#stred {
margin: 0px 187px 0 215px;
padding: 0px;

}

/*** NAVIGACE ***/
#left ul {
width: 200px;
background: #f6f3de url(../img/rozek1.gif) no-repeat top;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
background-position: 0px 0px;
}
#left ul a {

padding-left: 12px;
background: url(../img/sipecka.gif) no-repeat left 50% ;
color: black;
font-weight: bold;
font-size: 9pt;
text-decoration: none;
}
#left ul a:hover{
background-position: 2px 50%;
color: #516216;
}
#left ul li {
margin: 0 8px;
padding: 3px 0;
border-bottom: 1px dotted #d2cb9a;
}
#rozek2 {
background: url(../img/rozek2.gif) no-repeat bottom;
width: 200px;
height: 12px;
position: relative;
left: -8px;
}
#leva_kolonka {
width: 196px;
margin: 0 1px 0px 1px;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
padding: 0;
}
#leva_kolonka p {
margin: 0;
padding: 10px 11px;
}
#kolonka_nadpis {
background: url(../img/kolonka_top.gif) no-repeat top;
height: 26px;
text-align: center;
padding-right: 10px;
margin: 15px 0 0 0;
}
#kolonka_bottom {
margin: 0;
margin-left:1px;
width: 198px;
height: 6px;
background: url(../img/kolonka_bottom.gif) no-repeat bottom;
}
#kolonka_nadpis h3 {
color: white;
font-size: 9pt;
padding-top: 4px; /*7*/
margin: 0;
}

                   /*** PRAVA ***/
#right {
float: right;
width: 171px;
}
#dopor {
background: url(../img/bg_dopor.gif) repeat-y;
}
#dopor_top {
background: url(../img/green2.gif) no-repeat top;
height:26px;
color: white;
font-size: 9pt;
font-weight: bold;
padding-top: 5px;
text-align:center;
}
#dopor_bott {
background: url(../img/dopor_bott.gif) no-repeat bottom;
height: 6px;
clear: both;
}
#dopor .vyrobek {
width: 160px;
margin: 20px 4px;
border-style: none;
}
#reklama {
margin: 20px 0;
/*height: 200px;*/
text-align: center;
padding: 10px 0;
background: #ddd;
}
#reklama p {
margin-top: 0;
margin-bottom: 10px;
}
                  /*** STRED ***/
#top_text {
font-weight: bold;
font-size: 9pt;
color: black;
}
.obchod {
width: 180px;
min-height: 130px; 
float: left;
text-align: center;
}
.obchod a {
padding-top: 8px;
color: #e16911;
}
.obchod a:hover{
color: #c13901;
text-decoration: none;
}
.obchod div a {
text-decoration: none;
float:left;
width: 180px;
height: 99px; /*99*/
}
#o1 a {background: white url(../img/1.gif) no-repeat top;}
#o2 a {background: white url(../img/2.gif) no-repeat top;}
#o3 a {background: white url(../img/3.gif) no-repeat top;}
#o2 a:hover {background-position: 0 -99px;}
#o1 a:hover {background-position: 0 -99px;}
#o3 a:hover {background-position: 0 -99px;}

#nove {
width: 550px;
background: red url(../img/bg_nove.gif) repeat-y 50% 0;
}
#green {
background: url(../img/green.gif) no-repeat top ;
height:23px;
padding: 8px 0 0 15px;
}
#green h2 {
color: white;
margin: 0;
font-size: 11pt;
}
.vyrobek {
float: left;
width: 136px;
text-align:center;
margin: 9px 0;
border-right: 1px solid #dbdbdb;
}
.vyrobek p {
margin-bottom: 7px;
margin-top: 7px;
padding: 0 5px;
}
.vyrobek img {
margin: 0 1px;
}
.linkbox {
margin-bottom: 10px;
}
.linkbox a {
color: #9aba28;
font-size: 9pt;
font-weight: bold;
}
.linkbox a:hover {
color: #df5e00;
text-decoration: none;
}
.vyrobek a:hover img {
border-left: 1px solid #ddd;
border-right: 1px solid #eee;
}
.cena {
background: url(../img/kosik.gif) no-repeat left top;
padding: 2px 2px 8px 27px;
margin-left: 17px;
color: #df5e00;
font-weight: bold;
font-size: 12pt;
text-align: left;
}
#bezokraje {
border-style: none;
}
#rozek3 {
height: 6px;
width: 550px;
background: url(../img/rozek3.gif) no-repeat bottom;
clear:both;
}
/*** FOOTER ***/
#footer {
height: 110px;
background: url(../img/footer.gif) no-repeat bottom;
clear: both;
margin: 0px;
font-size: 90%;
padding-top: 15px;
color: #999;
}
#slogem {
background: url(../img/machin.gif) no-repeat left top;
height: 75px;
padding-left: 75px;
padding-top: 20px;
margin-left: 50px;
width: 425px;
float: left;
font-size: 9pt;
}
#footer a {
text-decoration: none;
font-size: 9pt;
}
#footer p {
margin: 0px;
font-size: 90%;
}
#dolni_odkazy {
float: right;
margin: 50px 50px 0 0;
font-size: 9pt;
}
#dolni_odkazy a{
margin: 0px 3px;
text-decoration: underline;
}

.novinky {
	margin:15px 0 0 5px;;
}