html{font-size:100.01%;} 
body{
font-size:.750em;
font-family:arial,helvetica,verdana,sans-serif;
color:#111111;
margin:0;
padding:0;
text-align:center;
background:#e9e9e9 url(../gfx/body-bg.jpg) no-repeat center top;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#d10000;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;
}
.font14{font-size:14px !important;}

#all{
width:100%;
margin:0;
text-align:left;
}
body#hp #all{
background:url(../gfx/hp-shine.png) no-repeat center 53px;
}
#page{
width:900px;
margin:0px auto;
text-align:left;
}
/*HEADER begin*/
#header{
width:900px;
height:76px;
position:relative;
}
#header h2 a{
width:110px;
height:50px;
background:url(../gfx/header-logo.png) no-repeat;
position:absolute;
top:8px;
left:20px;
display:block;
text-indent:-9999px;
}
#headerNews{
position:absolute;
top:23px;
left:215px;
font-size:11px;
color:#707070;
}
#headerNews a {
color:#707070;
text-decoration: none;	
}
#headerNews a:hover {
text-decoration: underline;	
}
#headerNews h3{
text-transform:uppercase;
color:#ac7b2b;
font-size:12px;
font-weight:bold;
padding:0 0 4px;
}
#headerNewsText{
width:445px;
height:14px;
overflow:hidden;
}
#langs{
position:absolute;
top:42px;
right:0;
}
#langs li{
float:left;
font-size:11px;
padding:0 0 0 15px;
}
#langs li a{
display:block;
padding:0 0 0 21px;
color:#111111;
cursor:pointer;
float:left;
}
#langs li a.active{
color:#707070;
text-decoration:none;
cursor:text;
}
#langs li.cz a{
background:url(../gfx/flag-cz.gif) no-repeat 0 1px;
}
#langs li.en a{
background:url(../gfx/flag-en.gif) no-repeat 0 1px;
}
#langs li.de a{
background:url(../gfx/flag-de.gif) no-repeat 0 1px;
}
/*HEADER end*/

/*MENU begin*/
ul.menu{
width:900px;
height:40px;
background:url(../gfx/menu-bg.gif) no-repeat;
font-weight:bold;
margin:0 0 12px;
position:relative;
}
ul.menu li{
float:left;
background:url(../gfx/menu-separator.gif) no-repeat 0 13px;
text-transform:uppercase;
padding-left:1px;
}
ul.menu li.first{
background:none;
padding-left:0px;
}
ul.menu li a{
color:#111111;
text-decoration:none;
display:block;
float:left;
padding:13px 11px 0 11px;
height:27px;
}
ul.menu li a:hover{
color:#848484;
}
ul.menu li a.active{
background:url(../gfx/menu-bg.gif) no-repeat -20px -40px;
color:#fff;
}
ul.menu li a:hover.active{
color:#d9d9d9;
}
ul.menu li.first a.active{
background:url(../gfx/menu-bg.gif) no-repeat 0 -40px;
}
/*MENU end*/

/*PROMO begin*/
#promo{
width:900px;
height:256px;
position:relative;
margin:0 0 12px;
}
#promoBorder{
width:900px;
height:256px;
display:block;
background:url(../gfx/promo-border.png) no-repeat;
position:absolute;
top:0;
left:0;
z-index:100;
}
#promoText{
width:412px;
height:236px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
left:10px;
z-index:1000;
}
.promoText{
background:url(../gfx/promo-text.png) no-repeat;
}
.promoTextDE{
background:url(../gfx/promo-text-de.png) no-repeat;
}
.promoTextEN{
background:url(../gfx/promo-text-en.png) no-repeat;
}
#promoIn{
width:900px;
height:256px;
position:relative;
z-index:10;
}
/*PROMO end*/

/*CONTENT begin*/
.content{
width:900px;
margin:0 0 23px;
line-height:1.5;
position:relative;
background:url(../gfx/content-bg.gif) repeat-y;
top:6px;
}
.contentSubmenu{
background:url(../gfx/content-submenu-bg.gif) repeat-y;
}
body#hp .content{
background:none;
top:0px;
margin:0 0 12px;
}
.content p{
padding:0 0 14px;
}
.content h1{
color:#ac7b2b;
font-size:24px;
font-weight:normal;
padding:0 0 10px;
}
.content h2{
color:#111;
font-size:14px;
font-weight:bold;
padding:0 0 10px;
}
.content h3{
color:#ac7b2b;
font-size:13px;
font-weight:bold;
padding:0 0 10px;
}
.content h4{
color:#111;
font-size:12px;
font-weight:bold;
padding:0 0 2px;
}
.content ul{
padding:0 0 8px;
}
.content ul li{
position:relative;
background:url(../gfx/li.gif) no-repeat 0 9px;
padding:0 0 6px 16px;
}

#contentTop{
width:900px;
height:6px;
background:url(../gfx/content-top.png) no-repeat left top;
display:block;
position:absolute;
top:-6px;
left:0;
}
.contentSubmenu #contentTop{
background:url(../gfx/content-submenu-top.png) no-repeat left top;
}
#contentBot{
width:900px;
height:6px;
background:url(../gfx/content-bot.png) no-repeat left bottom;
display:block;
position:absolute;
bottom:-6px;
left:0;
}
.contentSubmenu #contentBot{
background:url(../gfx/content-submenu-bot.png) no-repeat left top;
}
/*
#contentIn{
padding:10px 20px;
min-height:300px;
}
* html #contentIn{
height:300px;
}
*/
#leftCol{
float:left;
width:170px;
padding:20px 20px 10px;
}
#leftCol h3{
font-size:14px !important;
text-transform:uppercase;
padding:0 0 10px;
}
#leftCol ul li{
background:url(../gfx/arrow-red.gif) no-repeat 0 12px;
padding:5px 0 5px 16px;
}
#leftCol ul li a{
color:#111111;
font-weight:bold;
text-decoration:none;
}
#leftCol ul li a:hover,#leftCol ul li a.active{
color:#d10000;
}
#leftCol ul ul{
padding:10px 0 0 !important;
}
#leftCol ul li li{
background:url(../gfx/li.gif) no-repeat 0px 13px;
padding:5px 0 5px 13px;
}

#mainCol{
float:right;
width:860px;
min-height:300px;
padding:10px 20px;
}
.contentSubmenu #mainCol{
width:650px;
}
* html #mainCol{
height:300px;
}

.box444{
width:444px;
background:url(../gfx/box-444.png) no-repeat 0 0;
overflow:hidden;
}
.box444 .in{
width:404px;
padding:15px 20px 0;
background:url(../gfx/box-444.png) no-repeat -444px 100%;
min-height:218px;
}
* html .box444 .in{
height:218px;
}
.box444 h2{
color:#ac7b2b !important;
font-size:14px;
font-weight:bold;
padding:0 0 10px;
text-transform:uppercase;
}

.navigation{
position:absolute;
top:200px;
right:20px;
width:313px;
height:32px;
z-index:3000;
}
.navigation ul#nav{
position:absolute;
top:12px;
right:52px;
display:inline;
}
.navigation ul#nav li{
list-style-type:none;
float:left;
margin:0 3px;
}
.navigation ul#nav a{
width:12px;
height:12px;
text-decoration:none;
background:url(../gfx/promo-point.png) no-repeat;
text-indent:-9999px;
cursor:pointer;
display:block;
overflow:hidden;
}
* html .navigation ul#nav a{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-point.png', sizingMethod='image');
}
.navigation ul#nav a:hover,.navigation ul#nav a.activeSlide{
background:url(../gfx/promo-point-active.png) no-repeat;
}
* html .navigation ul#nav a:hover,* html .navigation ul#nav a.activeSlide{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/promo-point-active.png', sizingMethod='image');
}

#scrollButtons a{
position:absolute;
top:7px;
cursor:pointer;
width:21px;
height:21px;
overflow:hidden;
z-index:4000;
}
#scrollButtons a#prev{
right:21px;
background:url(../gfx/promo-arrows.png) no-repeat 0 0;
}
#scrollButtons a#prev:hover{
background:url(../gfx/promo-arrows.png) no-repeat 0 -22px;
&background:url(../gfx/promo-arrows.png) no-repeat 0 -21px;
}
#scrollButtons a#next{
right:0px;
background:url(../gfx/promo-arrows.png) no-repeat right 0;
}
#scrollButtons a#next:hover{
background:url(../gfx/promo-arrows.png) no-repeat right -22px;
&background:url(../gfx/promo-arrows.png) no-repeat right -21px;
}
/*CONTENT end*/

/*FOOTER begin*/
#footer{
width:100%;
height:100px;
margin:0;
background:url(../gfx/footer-bg.png) no-repeat center top;
color:#ac7b2b;
font-size:11px;
}
#footer a{
color:#ac7b2b;
}
#footerIn{
width:860px;
margin:0 auto;
padding:20px 0 0;
line-height:1.7;
}
#footer ul.fl{
width:540px;
}
#footer ul.fl li{
position:relative;
background:url(../gfx/footer-separator.gif) no-repeat 0 7px;
padding:0 10px 0 15px;
white-space:nowrap;
}
#footer ul.fl li.first{
padding-left:0 !important;
background:none !important;
}
#footer p.fr{
text-align:right;
}
/*FOOTER end*/
#kontakty {
width: 100%;
overflow:hidden;	
}
#kontakty_inner {
width: 110%;	
}
.kontakt {
width: 179px;
height: 199px;
background: url(../gfx/kontaktBox.png) top left no-repeat;	
padding: 15px;
float: left;
margin-top: 10px;
overflow:hidden;
margin-right: 10px;
position: relative;
}
a.zobrazitNaMape {
position: absolute;
top: 5px;
right: 15px;	
}
