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

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

a:link{
  text-decoration: underline;
  color: #BD0000;
}

a:visited{
 text-decoration: underline;
  color: #BD0000;
}
a:active{
text-decoration: underline;
  color: #BD0000;
}

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

.cleaner{
clear: both;
}

img{
border: 0px;
}

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

body{
text-align: center;
background: #D7D6C8;
font-family: Arial;
}

#web{
width: 1021px;
height: auto;
margin: 31px auto 0 auto;
background: #fff url('/images/web-top.png') left top no-repeat;
}

#header{
float: right;
width: 1009px;
height: 134px;
background: #fff url('/images/header.png') right top no-repeat;
}

#header h1 {
	float: left;
	position: relative; 
	overflow: hidden;
	text-decoration: none;
top: 45px;
left: 47px;
}

#header h1, #header h1 span {
width: 213px;
height: 62px;
	display: block;
	cursor: pointer;
}
 

#header h1 span {
float: left;
	position: absolute; 
	left: 0; 
	top: 0; 
	color: #296A5D;
	z-index: 0;
	background: url('/images/logo.png') no-repeat;
}

#header h2#slogan{
float: right;
color: #fff;
font-size: 125%;
font-weight: normal;
padding: 60px 190px 0 0;
}

ul#menu{
clear: both;
float: right;
list-style: none;
width: 1009px;
height: 52px;

text-align: right;
background: url('/images/menu.png') repeat-x;
}

ul#menu li{
float: left;
text-transform: uppercase;
}

ul#menu li a{
color: #fff;
font-size: 85%;
display: block;
text-decoration: none;
/* padding: 15px 15px 19px 15px; */
 padding: 15px 12px 19px 12px;
}

ul#menu li a:hover{
color: #fff;
font-size: 85%;
text-decoration: underline;
background: url('/images/menu-hover.png') repeat-x;
}

ul#menu li#aktivni{
color: #fff;
font-size: 85%;
text-decoration: underline;
background: url('/images/menu-hover.png') repeat-x;
}

ul#menu li#active a{
color: #fff;
font-size: 85%;
text-decoration: none;
padding: 15px 17px 19px 15px;
background: url('/images/menu-hover.png') repeat-x;
}

ul#menu li#active a:hover{
text-decoration: underline;
}

#left{
float: left;
width: 259px;
text-align: left;
height: auto;
margin: 0 0 0 13px;
}

#left #search{
width: 240px;
height: 46px;
padding: 11px 0 0 10px;
margin: 7px 0 0 0;
background: url('/images/search-bg.png') left top no-repeat;
}

#left #search input{
float: left;
width: 175px;
height: 33px;
color: #9D9D9D;
padding: 0 0 0 10px;
font-size: 90%;
line-height: 33px;
border: none;
background: url('/images/search-form.png') left top no-repeat;
}

#left #search input.submit{
float: left;
width: 45px;
height: 33px;
border: none;
cursor: pointer;
background: url('/images/search-but.png') left top no-repeat;
}

#left ul{
width: 250px;
list-style: none;
margin: 1px 0 0 0;
background: #EFEFEF;
padding: 7px 0 7px 0;
}

#left ul li{
text-align: left;
margin: 0 0 0 10px;
}

#left ul li a{
color: #000;
font-size: 80%;
display: block;
text-decoration: none;
width: 200px;
padding: 8px 0 10px 35px;
background: url('/images/navigace-bg.png') left top no-repeat;
}

#left ul li a:hover{
color: #fff;
font-size: 80%;
background: url('/images/navigace-bg-hover.png') left top no-repeat;
}

#left ul li #aktivni a {
color: #fff;
font-size: 80%;
background: url('/images/navigace-bg-hover.png') left top no-repeat;
}

#left ul #aktivni a {
color: #fff;
font-size: 80%;
background: url('/images/navigace-bg-hover.png') left top no-repeat;
}


#left #box{
width: 250px;
margin: 1px 0 0 0;
padding: 7px 0 7px 0;
background: #EFEFEF url('/images/box-bottom.png') left bottom no-repeat;
}

#left #box #box-in{
width: 230px;
margin: 0 auto 0 auto;
text-align: left;
background: url('/images/box-in-top.png') left top no-repeat;
}

#left #box #box-in span{
display: block;
width: 230px;
clear: both;
background: url('/images/box-in-down.png') left bottom no-repeat;
}

#left #box #box-in h2{
color: #C12323;
font-size: 110%;
padding: 17px 0 0 13px;
}

#left #box #box-in address{
color: #000000;
font-size: 85%;
line-height: 130%;
font-style: normal; 
padding: 17px 0 0 13px;
}

#left #box #box-in a{
color: #C12323;
font-size: 95%;
padding: 17px 0 17px 13px;
}

#left #box #box-in a:hover{
color: #C12323;
font-size: 95%;
text-decoration: underline;
padding: 17px 0 17px 13px;
}

#left #box #box-in p{
color: #000000;
font-size: 95%;
padding: 17px 0 17px 13px;
}

#left img.bannerky{
margin: 7px 0 0 10px;
}

#right{
float: right;
width: 729px;
height: auto;
text-align: left;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
}

#right ul#drobeckova{
float: left;
list-style: none;
margin: 30px 0 5px 0;
}

#right ul#drobeckova li{
float: left;
}

#right ul#drobeckova li a{
float: left;
color: #848484;
font-size: 75%;
padding: 0 12px 0 0;
margin: 0 12px 0 0;
background: url('/images/drobek.png') right 2px no-repeat;
}

#right ul#drobeckova li a:hover{
text-decoration: underline;
}

#right p.hr{
clear: both;
border-bottom: 1px solid #E4E4E4;
}

#right p.kosik{
float: right;
width: 262px;
color: #848484;
font-size: 75%;
margin: 15px 0 0 0;
}

#right p.kosik strong{
color: #000;
font-weight: normal;
}

#right p.kosik a{
float: right;
color: #fff;
display: block;
width: 59px;
height: 35px;
font-size: 100%;
line-height: 140%;
text-align: center;
padding: 3px 0 1px 15px;
border-left: 1px solid #E4E4E4;
font-weight: bold;
text-decoration: none;
background: url('/images/kos-but.png') right 2px no-repeat;
}

#right p.kosik a:hover{
text-decoration: underline;
}

#right h2{
clear: both;
font-size: 100%;
color: #161616;
padding: 13px 0 10px 0;
}

#right h3{
padding-top: 10px;
color: #BD0000;
font-size: 80%;
}
#right h4 {
padding-top: 10px;
color: #BD0000;
}

#right p{
color: #000000;
font-size: 80%;
line-height: 160%;
}

#right p a{
text-decoration: underline;
}

#right p a:hover{
text-decoration: none;
}

#right .produkt{
float: left;
width: 175px;
height: 382px;
margin: 10px 7px 0 0;
background: url('/images/produkt-bg.png') left top no-repeat;
text-align: center;
font-size: 70%;
}

#right .produkt:hover{
float: left;
width: 175px;
height: 382px;
margin: 10px 7px 0 0;
background: url('/images/produkt-bg-hover.png?2') left top no-repeat;
text-align: center;
font-size: 70%;
}

#right .produkt img{
margin: 5px 0 0 4px;
border: 1px solid #C6C6C6;
}

#right .produkt h2{
color: #B80303;
padding: 0 0 0 5px;
font-size: 98%;
}

#right .produkt p{
color: #848484;
font-size: 80%;
padding: 1px 0 0 5px;
}


#right .strankovani{
width: 650px;
clear: both;
text-align: center;
margin: 0 auto 0 auto;
padding: 20px 0 0 0;
}

#right .strankovani a{
color: #848484;
border: 1px solid #848484;
font-size: 85%;
line-height: 110%;
padding: 2px 5px 2px 5px;
}

#right .strankovani a:hover{
color: #BD0101;
border: 1px solid #848484;
}

#right .strankovani a#act{
color: #000;
font-size: 90%;
border: none;
font-weight: bold;
padding: 2px 5px 2px 5px;
}

#right .strankovani a#act:hover{
color: #000;
font-weight: bold;
text-decoration: underline;
}

#footer{
width: 1006px;
text-align: left;
height: auto;
font-size: 80%;
margin: 0 auto 20px auto;
color: #707070;
padding: 25px 0 0 15px;
background: url('/images/web-down.png') left top no-repeat;
}

#footer strong{
border-right: 1px solid #C8C8C8;
padding: 0 10px 0 0;
margin: 0 7px 0 0;
color: #000;
}

#footer a{
color: #707070;
}

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

#footer ul{
list-style: none;
margin: 10px 0 0 0;
}

#footer ul li{
float: left;
padding: 0 10px 0 0;
margin: 0 7px 0 0;
border-right: 1px solid #C8C8C8;
}

#footer ul li a{
color: #707070;
text-decoration: underline;
}

#footer ul li a:hover{
color: #707070;
text-decoration: none;
}

/* DETAIL PRODUKTU */

#right .produkt-detail{
float: left;
border: 10px solid #EFEFEF; 
}

#right #detail{
width: 410px;
float: right;
padding: 0 0 32px 7px;
color: #000000;
}

#right #detail p{
color: #000000;
font-size: 75%;
}

#right #detail p.popis{
font-size: 80%;
}

#right p.hr2{
float: right;
width: 410px;
display: block;
margin: 10px 10px 10px 0;
padding: 0px;
line-height: 1px;
border-bottom: 1px solid #E4E4E4;
}

#right p#skladem{
padding: 15px 0 0 0;
color: #848484;
}

#right p#skladem strong{
color: #89D000;
}

#right span.cena{
color: #BD0000;
font-weight: bold;
font-size: 150%;
line-height: 150%;
}

#right a#koupit{
float: right;
color: #fff;
font-size: 77%;
font-weight: bold;
margin: 10px 10px 0 0;
padding: 10px 12px 15px 30px;
background: url('/images/koupit.png') right 2px no-repeat;
}

ul#zalozky{
list-style: none;
}

ul#zalozky li{
float: left;
}

ul#zalozky li a{
display: block;
padding: 10px 10px 10px 10px;
margin: 0 7px 0 0;
float: left;
color: #999;
font-size: 85%;
background: #F6F6F6;
border: 1px solid #EDEDED;
}

ul#zalozky li a:hover{
background: #EFEFEF;
border: 1px solid #DFDFDF;
border-bottom: 1px solid #EFEFEF;
}

ul#zalozky li#active a{
display: block;
padding: 10px 10px 10px 10px;
margin: 0 7px 0 0;
float: left;
color: #999;
font-size: 85%;
background: #EFEFEF;
border: 1px solid #DFDFDF;
border-bottom: 1px solid #EFEFEF;
}

ul#zalozky li#active a:hover{
background: #EFEFEF;
border: 1px solid #DFDFDF;
border-bottom: 1px solid #EFEFEF;
}

#right #table{
clear: both;
width: 708px;
height: 180px;
background: #EFEFEF;
border: 1px solid #DFDFDF;
border-top: none;
color: #999;
font-size: 95%;
padding: 10px;
}







.levypravy {
	width: 728px;
	clear: both;
	text-align: top;
}

.naradek {
	width: 728px;
	clear: both;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
}

.naradek2 {
	clear: both;
}

.vycentrovano {
//	padding-left: 15px;
}


 .levy1 {
	float: left;
	width: 225px;
	padding-bottom: 6px;
	_padding-bottom: 0px;
}

 .pravy1 {
	float: right;
	width: 260px;
	text-align: right;
}







 .produktlevy {
	float: left;
	width: 300px;
	vertical-align: center;
	text-align: center;
	/*min-height: 250px;
	_height: 250px;*/
	padding-top: 25px;
}

.produktpravy {
	float: right;
	width: 420px;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
	/* height: 250px; */
}

.produktlevy img {
	/* border: 1px solid #000000; */
}

.produktpravy h2 {
	padding: 7px 0px 7px 25px;
	margin-bottom: 7px;
	/* color: #000000; */
	/* border-bottom: 1px solid #000000; */
	text-transform: uppercase;
}

.produktpravy td {
	height: 20px;
  font-size: 80%;
}


.produktpravy hr {
	color: #000000;
	height: 1px;
}


.main-blok .variantalevy {
	float: left;
	width: 470px;
	vertical-align: center;
	text-align: center;
	
}

.main-blok .variantapravy {
	float: right;
	width: 210px;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
	
}

#right ul {
  font-size: 80%;
  padding-left: 25px;
}


#right li {
  padding-top: 3px;
  padding-bottom: 3px;
}



.varianty TABLE {
	width: 100%;
	padding: 5px;
}


.podrucky TABLE {
	width: 100%;
	padding: 5px;
}

.naradek2 {
	clear: both;
}


.latka {
	width: 105px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 10px;
	text-align: center;
	min-height: 70px;
	_height: 90px;
	float: left;
	background-color: #EFEFEF;
	line-height: 1.4em; 
	font-size: 80%;
}


.objednat {
	padding: 10px 15px 10px 15px;
	width: 120px;
	background-color: #F2F2F2;
	margin-bottom: 4px;
	clear: both;	
	border: 1px solid #B02224;
	position: relative;
	top: +5px;
	right: +20px;
	text-align: center;
	float: right;
}

.tdcena {
  font-size: 25px;
  font-weight: bold;
}

img.noborder, .noborder {
  border: 0px;
}
img {
  text-decoration: none;
}

.ramecektitulka p {
  /* color: #B60101 !important; */
  color: #000000 !important; 
}
 