* {
   padding: 0px; 
   margin: 0px;
}

body {
  background:url(../img/bg.gif) repeat-x #e8e8e8;
  margin:0;
  padding:0;
  text-align:center;
  color: #000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 83%;
} 

a{ color:#000; text-decoration:underline}

a:hover{color:#d80101; text-decoration:underline}

img {border:none}

p { padding-top:10px}

.clear { clear:both}

h1, h3 {
   font-size:130%;
   font-weight:normal;
   color: #AC0D11;    
   padding-top:10px
}

h2 {
   font-size:100%;
   font-weight:normal;
   color: #AC0D11; 
}

h2 a{
   color: #AC0D11;
   text-decoration:none 
}

h2 span{ font-size:90%;}

#obal {
  width:956px;  
  margin: 0 auto 0 auto;
  background:url(../img/bg-obal.png) repeat-y
}

#obal1 {
   width:950px;
   position:relative;
   margin: 0 auto 0 auto;
}

#obal2 {
   width:950px;
   position:relative;
   margin: 0 auto 0 auto;
   background: url(../img/bg-obal2.png) repeat-y
}

#hlavicka {
   width:950px;
   height:110px;
   border-bottom:4px solid #FFFFFF;
   position:relative;
   margin: 0 auto 0 auto;
   background:url(../img/bg-hlavicka.gif) repeat-x
}

#logo, #logo a {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 322px;
  height: 100px;
  margin: 0;
  padding: 0;
  background:url(../img/logo.gif)
}

#logo span{
	position: absolute;
	display: block;
	left: 0;
	top: -2000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#telefon {
  position:absolute;
  top:0px;
  right:0px;
  width:267px;
  height:34px;
}

ul#navigace {
  position:absolute;
  top:75px;
  right:0px;
  width:545px;
  height:30px;
  text-align:center
}

ul#navigace li{
   list-style:none;
   float:left;
   margin-left:1px
}

ul#navigace a{
  display:block;
  float:left;
  width:135px;
  height:30px;
  text-decoration:none;
  color:#000000;
  background:url(../img/bg-top-menu.png)
}

ul#navigace a:hover{
  color: #CC0000;
  background:url(../img/bg-top-menu-activ.png) #FFFFFF
}

ul#navigace li a span {
	display: block;
	padding-top: 7px;
}

#panel1 {
   width:232px;
   float:left;
   border-left: 6px solid #FFFFFF; 
}

#panel1 p{
   padding-bottom:10px 
}

#menu{
   width:232px;
   background:url(../img/bg-menu.png) repeat	
}

#menu li, #menu li a {
  display: block;
  width:232px;
  height: 35px;
  text-align:left;
  background:url(../img/ctverec.png) left center no-repeat;
  border-bottom:1px solid #FFFFFF;
  text-decoration: none;
  overflow: hidden;
  color: #fff;
}

#menu li a span {
	display: block;
	padding: 8px 0 0 40px;
}

#menu ul li a:hover {
   color: #000; 
   text-decoration: none;
    background:url(../img/ctverec-activ.png) left center no-repeat #FFFFFF;
}

#panel2 {
   width:700px;
   float:right;
   border-right: 6px solid #FFFFFF;
   border-left: 6px solid #FFFFFF;
}




.uvodbox {
   width:500px;
   float:left;
   padding: 0px 20px 10px 10px;
   text-align:justify
}

#zidle {
   width:145px;
   float:left
}

#panel3 {
   width:660px;
   float:right;
   text-align:left;
   padding: 0px 20px 5px 20px;
   border-right: 6px solid #FFFFFF;
   border-left: 6px solid #FFFFFF;
}

#panel3 img{
   border: 1px solid #666666;
   padding:3px;
   background-color:#FFFFFF
}

#panel3 ul{
   margin: 10px 0px 0px 20px
}

#kuchyne {
   width:630px;
   padding:10px;
   margin-top:20px;
}

.karta{
   float:left;
   width:168px;
   height:255px;
   margin: 10px 25px 10px 0px;
   padding: 10px 5px 10px 5px;
   text-align: center;
   background:url(../img/bg-box.png) repeat-x #FFFFFF;
   border: 1px solid #333333;
}

.karta p{
   padding:3px 0px
}

.karta-titulek {
   float:left; 
   text-align:center;
   font-size:85%;
   height:40px; 
   width:170px
}

.karta-foto, .karta-cena, .karta-puvodnicena {
   float:left; 
   text-align:center; 
   width:170px
}

.firmy-box {
   width:630px;
   padding:10px;
   border: 1px #000000 solid;
   background-color:#FFFFFF;
   margin-top:20px
}

.firmy-box img{
   padding:2px;
   border: 1px #000000 solid;
   background-color:#FFFFFF
}

.vyrobce {
   float:left;
   width:610px;
   height:80px
}

.vyrobce img{
   float:left;
   margin-right:10px
}

.vyrobce-nabidka {
   float:left;
   width:190px;
   padding-right:17px;
   text-align:center
}

.vyrobce-nabidka p{
   font-size:80%;
   padding:0px
}

#sortiment img{
   border:none;
   padding:0px;
   margin-right:15px
}

/*paticka*/
#patice {
  width:956px;
  height:40px;
  position:relative; 
  margin: 0 auto 0 auto;
  background:url(../img/bg-menu.png) repeat
}

#patice div{
  padding: 2px 10px 0px 5px
}

#ikonykarty {
   width:232px;
   float:left

}

#patickatext {
   width:660px;
   float:right;
   font-size:80%;
   color:#FFFFFF
}

#patickatext a{
   text-decoration:none;
   color:#FFFFFF   
}

#patickatext a:hover{
   text-decoration:none;
   color:#000   
}