html{font-size:100.01%;min-width:970px;} 
body{
font-size:.750em;
font-family:arial,helvetica,verdana,sans-serif;
color:#333333;
margin:0;
padding:0;
text-align:center;
background:#fff url(../images/body-bg.jpg) no-repeat center top;
min-width:970px;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#a60101;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:970px;
height:830px;
margin:0px auto;
text-align:left;
position:relative;
}
#header{
width:970px;
height:115px;
position:relative;
}
#header h2 a{
position:absolute;
top:65px;
left:42px;
width:295px;
height:49px;
background:url(../images/header-charles-sealsfield.png) no-repeat;
text-indent:-9999px;
cursor:pointer;
}
* html #header h2 a{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header-charles-sealsfield.png', sizingMethod='image');
}
#lang{
position:absolute;
top:35px;
right:36px;
}
#lang li{
float:left;
padding:0 0 0 10px;
}
#lang li a{
display:block;
width:16px;
height:11px;
dipslay:block;
text-indent:-9999px;
}
#lang li#langCZ a{
background:url(../images/flag-cz.gif) no-repeat
}
#lang li#langDE a{
background:url(../images/flag-de.gif) no-repeat
}

ul#menu{
width:593px;
height:59px;
position:absolute;
top:56px;
right:6px;
background:url(../images/menu-bg.jpg) no-repeat;
}
ul#menu li{
float:left;
background:url(../images/menu-separator.gif) no-repeat 0 36px;
padding:26px 7px 0 9px;
}
ul#menu li a{
display:block;
text-indent:-9999px;
height:25px;
}
ul#menu li.menuOnas{
padding-left:18px;
background:none;
}
ul#menu li.menuOnas a{
width:36px;
background:url(../images/menu-onas.gif) no-repeat left top;
}
ul#menu li.menuOnas a:hover,ul#menu li.menuOnas a.active{
background:url(../images/menu-onas.gif) no-repeat left bottom;
}
ul#menu li.menuKdoByl a{
width:181px;
background:url(../images/menu-kdo-byl.gif) no-repeat left top;
}
ul#menu li.menuKdoByl a:hover,ul#menu li.menuKdoByl a.active{
background:url(../images/menu-kdo-byl.gif) no-repeat left bottom;
}
ul#menu li.menuProjekty a{
width:61px;
background:url(../images/menu-projekty.gif) no-repeat left top;
}
ul#menu li.menuProjekty a:hover,ul#menu li.menuProjekty a.active{
background:url(../images/menu-projekty.gif) no-repeat left bottom;
}
ul#menu li.menuJakPomoci a{
width:75px;
background:url(../images/menu-jak-pomoci.gif) no-repeat left top;
}
ul#menu li.menuJakPomoci a:hover,ul#menu li.menuJakPomoci a.active{
background:url(../images/menu-jak-pomoci.gif) no-repeat left bottom;
}
ul#menu li.menuPartneri a{
width:58px;
background:url(../images/menu-partneri.gif) no-repeat left top;
}
ul#menu li.menuPartneri a:hover,ul#menu li.menuPartneri a.active{
background:url(../images/menu-partneri.gif) no-repeat left bottom;
}
ul#menu li.menuKontakt a{
width:55px;
background:url(../images/menu-kontakt.gif) no-repeat left top;
}
ul#menu li.menuKontakt a:hover,ul#menu li.menuKontakt a.active{
background:url(../images/menu-kontakt.gif) no-repeat left bottom;
}
#content{
width:880px;
height:580px;
padding:45px;
position:relative;
background:url(../images/content-bg.jpg) no-repeat center top;
line-height:1.5;
}
.leftCol{
width:385px;
float:left;
display:inline;
}
.rightCol{
width:385px;
float:right;
display:inline;
}
#content h1{
font-size:22px;
font-weight:normal;
color:#3c5c00;
padding:0 0 12px;
font-family:georgia;
line-height:1.3;
}
#content h2{
font-size:18px;
font-weight:normal;
color:#3c5c00;
padding:0 0 12px;
font-family:georgia;
line-height:1.3;
color:#3b3b3b;
}
#content h3{
font-size:13px;
font-weight:bold;
padding:0 0 3px;
color:#3c5c00;
font-family:georgia;
}
#content h4{
font-size:12px;
font-weight:bold;
padding:0 0 3px;
}
#content p{
padding:0 0 16px;
}
#content ul{
margin:0 0 13px;
}
#content ul li{
padding:0 0 3px 25px;
background:url(../images/li.gif) no-repeat 8px 7px;
&background:url(../images/li.gif) no-repeat 4px 7px;
position:relative;
}
#content ol{
margin:0 0 13px 25px;
}
#content ol li{
padding:0 0 3px 0 !important;
position:relative;
}
#content ul.lowerAlpha {
margin-left:25px !important;
}
#content ul.lowerAlpha li{
background:none !important;
list-style-type:lower-alpha !important;
padding:0 0 3px 0 !important;
}
#content ol ol,#content ul ul,#content ol ul,#content ul ol{
margin:0 0 0 25px !important;
}
.imgLeft{
float:left;
margin:2px 15px 10px 0;
}
.imgRight{
float:right;
margin:2px 0 10px 10px;
}
a.doc{
background:url(../images/icon-doc.gif) no-repeat 0 0;
padding:11px 0 9px 50px;
display:block;
font-size:14px;
font-weight:bold;
color:#000;
}
#footer{
width:970px;
height:20px;
position:relative;
color:#e0e0e0;
font-family:georgia;
}
#footer a{
color:#e0e0e0;
}
#footer .fl{
padding:20px 0 0 50px;
}
#footer .fr{
padding:20px 50px 0 0;
}

ul.lowerAlpha li{
background:none;
list-style-type:lower-alpha;
}

#slideshow{
width:880px;
height:580px;
position:relative;
z-index:10;
overflow:hidden;
}
.slide{
width:880px;
height:580px;
}
ul.nav{
position:absolute;
top:618px;
right:105px;
display:inline;
z-index:4000;
}
ul.nav li{
list-style-type:none !important;
float:left;
margin:0;
padding:0 6px 0 0 !important;
background:none !important;
}
ul.nav a{
text-decoration:none;
background:url(../images/point.gif) no-repeat 0 0;
cursor:pointer;
display:block;
width:11px;
height:11px;
line-height:10px;
font-size:11px;
text-indent:-9999px;
}
ul.nav a:hover,ul.nav a.activeSlide{
background:url(../images/point-active.gif) no-repeat 0 0;
}

.scrollButtons a{
position:absolute;
top:610px;
cursor:pointer;
width:24px;
height:24px;
overflow:hidden;
z-index:4000;
}
.scrollButtons a.prev{
right:73px;
background:url(../images/arrow-left.gif) no-repeat left top;
}
.scrollButtons a.prev:hover{
background:url(../images/arrow-left.gif) no-repeat left bottom;
}
.scrollButtons a.next{
right:45px;
background:url(../images/arrow-right.gif) no-repeat left top;
}
.scrollButtons a.next:hover{
background:url(../images/arrow-right.gif) no-repeat left bottom;
}

.house{
width:900px;
height:469px;
display:block;
background:url(../pics/dum.png) no-repeat;
position:absolute;
top:230px;
left:28px;
}
* html .house{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/dum.png', sizingMethod='image');
}

