/*
9px  - .750em          
10px - .833em
11px - .917em
12px - 1em
13px - 1.083em
14px - 1.167em
15px - 1.250em
16px - 1.333em
17px - 1.417em
18px - 1.500em
19px - 1.583em
20px - 1.667em
21px - 1.750em
22px - 1.833em
23px - 1.917em
24px - 2.000em
*/    
html{
font-size:100.01%;
width:100%;
min-width:910px;
border:0;
padding:0;
margin:0;
} 
body{
font-size:.750em;
font-family:arial,verdana,sans-serif;
color:#696969;
margin:0;
padding:0;
text-align:center;
background:#fff url(../gfx/body-bg.gif) repeat-x;
width:100%;
min-width:910px;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#696969;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;margin-bottom:10px;}
.fr{float:right;margin-bottom:10px;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#page{
width:100%;
margin:0px auto;
text-align:center;
position:relative;
min-height:800px;
}
.domy {
	background:url(../gfx/page-bg.jpg) no-repeat left top;	
}
.kancelare {
	background:url(../gfx/page-bg-kancelare.jpg) no-repeat left top;
}
.komerce {
	background:url(../gfx/page-bg-komerce.jpg) no-repeat left top;
}
.prumysl {
	background:url(../gfx/page-bg-prumysl.jpg) no-repeat left top;
}
* html #page{
height:800px;
}
/*HEADER begin*/
#header{
width:910px;
height:100px;
position:relative;
margin:0 auto;
text-align:left;
}
#header h2{
width:137px;
height:78px;
top:22px;
left:0px;
}
#header h2 span{
width:137px;
height:78px;
background:url(../gfx/header-logo.gif);
}
#searchForm fieldset{
position:absolute;
top:45px;
right:0;
color:#fff;
}
#searchForm label{
float:left;
margin:3px 20px 0 0;
}
#searchForm .inputText{
border:1px solid #fff;
background:#7eb311;
float:left;
font-size:1em;
font-family:arial;
color:#fff;
height:17px;
width:103px;
padding:2px 3px 0;
margin:0;
}
* html #searchForm .inputText{
height:21px;
width:111px;
}
#searchForm .btn{
float:left;
margin:0 0 0 3px;
cursor:pointer;
}
/*HEADER end*/

/*MENU begin*/
#menuBox{
width:910px;
height:35px;
margin:0 auto;
position:relative;
}
ul#menu{
height:34px;
text-align:left;
position:absolute;
left:185px;
top:0;
}
ul#menu li{
float:left;
width:105px;
height:34px;
margin:0 0 0 19px;
position:relative;
}
ul#menu li.first{
margin:0;
}
ul#menu li a{
width:73px;
height:30px;
padding:4px 25px 0 7px;
background:url(../gfx/menu-item-bg.gif) no-repeat;
display:block;
font-size:1em;
text-decoration:none;
font-weight:bold;
color:#787878;
line-height:1.1;
}
* html ul#menu li a{
width:105px;
height:34px;
}
ul#menu li span{
position:absolute;
top:6px;
right:5px;
width:13px;
height:15px;
display:block;
}
ul#menu li span.blue{
background:url(../gfx/menu-star-blue.gif) no-repeat;
}
ul#menu li span.red{
background:url(../gfx/menu-star-red.gif) no-repeat;
}
ul#menu li span.yellow{
background:url(../gfx/menu-star-yellow.gif) no-repeat;
}
ul#menu li span.purple{
background:url(../gfx/menu-star-purple.gif) no-repeat;
}
ul#menu li span.orange{
background:url(../gfx/menu-star-orange.gif) no-repeat;
}
ul#menu li span.lightBlue{
background:url(../gfx/menu-star-light-blue.gif) no-repeat;
}
/*MENU end*/

/*CONTENT begin*/
#content{
width:100%;
position:relative;
}
#contentMenu{
position:relative;
top:0;
width:100%;
height:27px;
overflow:hidden;
}
#contentMenuBg{
position:absolute;
top:0;
left:50%;
height:27px;
width:100%;
background:url(../gfx/content-menu-bg.gif) no-repeat;
}
#contentMenuIn{
width:910px;
margin:0 auto;
text-align:left;
}
#contentMenu ul{
position:relative;
width:725px;
height:27px;
margin:0 0 0 185px;
background:url(../gfx/content-menu-bg.gif) no-repeat;
display:block;
}
#contentMenu ul li{
float:left;
border-left:1px solid white;
line-height:0.7;
margin:9px 35px 0 0;
padding:0 0 0 35px;
}
#contentMenu ul li.first{
border:0;
}
#contentMenu ul li a{
color:#fff;
font-size:.917em;
text-decoration:none;
padding-bottom:2px;
display:block;
}
#contentIn{
width:910px;
margin:0 auto;
text-align:left;
position:relative;
}
#contentText{
width:725px;
position:relative;
top:42px;
left:185px;
line-height:1.4;
font-size: 1.333em;
}
#contentText h1{
font-size:2em;
font-weight:normal;
display:inline;
}
#contentText .headline{
padding:0 0 18px;
}
.blueStar{
padding:0 15px 0 0;
background:url(../gfx/h1-star-blue.gif) no-repeat right top;
}
.skyblueStar{
padding:0 15px 0 0;
background:url(../gfx/h1-star-skyblue.gif) no-repeat right top;
}
.orangeStar{
padding:0 15px 0 0;
background:url(../gfx/h1-star-orange.gif) no-repeat right top;
}
.purpleStar{
padding:0 15px 0 0;
background:url(../gfx/h1-star-purple.gif) no-repeat right top;
}
.redStar{
padding:0 15px 0 0;
background:url(../gfx/h1-star-red.gif) no-repeat right top;
}
.yellowStar{
padding:0 15px 0 0;
background:url(../gfx/h1-star-yellow.gif) no-repeat right top;
}
#contentText h2{
font-size:1.417em;
font-weight:bold;
padding:0 0 11px;
}
#contentText h3{
font-size:1em;
font-weight:bold;
padding:0 0 3px;
}
#contentText h3.nadpis{
text-transform: uppercase;
margin-top: 20px;
}
#contentText h3.samotny{
margin-bottom: 20px;
}
ul.list li{
padding:0 0 0 17px;
background:url(../gfx/li.gif) no-repeat 0 8px;
position:relative;
}
#contentText img{
/*border:1px solid #adadad;*/
}
#contentText p {
margin-bottom: 1em;	
}
#nav{
position:absolute;
top:-25px;
right:0;
}
#nav li{
float:left;
font-size:.917em;
border-left:1px solid #696969;
margin:0 0 0 7px;
padding:0 0 1px 7px;
line-height:0.9;
}
#nav li.first{
border:0;
}
/*CONTENT end*/
.prod {
width: 140px;
height: 160px;
background: white;
border: 1px solid #ADADAD;
padding: 10px;
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.prod h3 {
position: absolute;
top: 10px;
left: 10px;
width: 140x;
}
.prod h3 a { font-size: 14px; }
.prod h3 a { _font-size: 105%; }
.prod p {
padding-top: 70px;
_padding-top: 50px;
text-align: center;
}
.pictures {
clear: both;	
}
.cleaner {
cleaner: both;
width: 1px;
height: 1px;
overflow: hidden;
}
.pictures {
width: 98%;
border-bottom: 1px solid #ADADAD;
padding: 3px;	
margin-top: 10px;
clear: both;
}
table.table_produkt {
margin-right: 5px;	
border: 1px solid #ADADAD;
clear: both;
width: 100%;
margin-bottom: 15px;
}
table.table_produkt th, table.table_produkt td{
padding: 4px 2px 4px 2px;
font-size: 11px;
border: 0px;
color: black;
}
table.table_produkt th{
background: #7BB00F;
color: white;
font-weight: bold;
}
table.table_produkt td {
background: #F1F2EF;
border-bottom: 1px solid #CBCEC4;
}
table.table_produkt tr.lichy td {
background: #B5BCAD;
border-bottom: 1px solid white;
}
/*table.table_produkt td.lichy_sloupec {
	background: #EDEEEA;
}
table.table_produkt tr.lichy td.lichy_sloupec {
	background: #CFD4CA;
}*/
#contentText li {
margin-left: 20px;
list-style: circle;
list-style: url(../gfx/star.gif);
}
#contentText ul#nav li {
margin-left: 0px;
list-style: none;
margin-right: 7px;
}
.pictures .thumb img {
border: 1px solid #ADADAD !important;
}
.produkty {
width: 100%;
overflow: hidden;
}
.produkty_inner {
width: 110%;	
}
#contentText .vyrobce {
	margin: 0px;
	position: absolute;
	bottom: 3px;
	right: 3px;
}
