/*
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/hp-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;}
.fr{float:right;}
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:582px;
background:none;
}
* html #page{
height:582px;
}
/*HEADER begin*/
#header{
width:1000px;
height:130px;
position:relative;
margin:0 auto;
text-align:left;
}
#header h2{
width:138px;
height:86px;
top:30px;
left:45px;
}
#header h2 span{
width:138px;
height:86px;
background:url(../gfx/hp-header-logo.gif);
}
#searchForm fieldset{
position:absolute;
top:45px;
right:45px;
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:1000px;
height:308px;
background:url(../gfx/menu-box-bg.jpg) no-repeat 0 40px;
margin:0 auto;
position: relative;
}
ul#menu{
width:910px;
margin:0 auto;
text-align:left;
position:relative;
height:40px;
}
* html ul#menu{
margin-left:0;
}
ul#menu li{
float:left;
width:135px;
height:40px;
margin:0 0 0 20px;
position:relative;
}
ul#menu li.first{
margin:0;
}
ul#menu li a{
width:93px;
height:36px;
padding:4px 35px 0 7px;
background:url(../gfx/hp-menu-item-bg.gif) no-repeat;
display:block;
font-size:1.167em;
text-decoration:none;
font-weight:bold;
color:#787878;
line-height:1.1;
}
* html ul#menu li a{
width:135px;
height:40px;
}
ul#menu li span{
position:absolute;
top:6px;
right:5px;
width:17px;
height:19px;
display:block;
}
ul#menu li span.blue{
background:url(../gfx/hp-menu-star-blue.gif) no-repeat;
}
ul#menu li span.red{
background:url(../gfx/hp-menu-star-red.gif) no-repeat;
}
ul#menu li span.yellow{
background:url(../gfx/hp-menu-star-yellow.gif) no-repeat;
}
ul#menu li span.purple{
background:url(../gfx/hp-menu-star-purple.gif) no-repeat;
}
ul#menu li span.orange{
background:url(../gfx/hp-menu-star-orange.gif) no-repeat;
}
ul#menu li span.lightBlue{
background:url(../gfx/hp-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:1000px;
margin:0 auto;
text-align:left;
}
#contentMenu ul{
position:relative;
width:645px;
height:27px;
margin:0 0 0 345px;
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 25px 0 0;
padding:0 0 0 25px;
}
#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:1000px;
margin:0 auto;
text-align:left;
position:relative;
}
#contentIn h1{
position:absolute;
top:45px;
right:677px;
font-size:2.333em;
font-weight:normal;
}
#contentIn h1.greyStar{
padding:0 0 0 26px;
background:url(../gfx/star-profil-firmy.gif) no-repeat 0 5px;
}
#contentText{
width:645px;
position:relative;
top:48px;
left:345px;
line-height:1.4;
padding:0 0 30px;
}
/*CONTENT end*/
#mapa {
position: absolute;
bottom: -4px;
left: -21px;
}