*
{
    margin: 0;
    padding: 0;
}

body
{
    color: #404040;
    font: 75%/160% Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff;
    text-align: center;
}

a
{
    color: #9b1f43;
    text-decoration: none;
}

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

h1, h2, h3, h4, h5
{
    color: #9b1f43;
    line-height: 128%;
    margin: 20px 0 0 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a
{
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover
{
    text-decoration: underline;
}

h1
{
    font-size: 170%;
    font-weight: normal;
}

h2
{
    font-size: 120%;
}

h3
{
    font-size: 110%;
}

h4
{
    font-size: 100%;
}

h5
{
    font-size: 93%;
}

hr, div.header h2, div.footer h6 a span
{
    display: none;
}

table
{
    color: #404040;
    font-size: 100%;
    margin: 10px 20px;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
}

table th
{
    background: #e5e5e5 url("../img/th.png") repeat-x 0 50%;
    padding: 4px 8px;
    text-align: left;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 3px double;
}

table td
{
    padding: 4px 8px;
    background: #ffffff url("../img/td.png") repeat-x 0 100%;
    border-right: #cccccc 1px solid;
}

img
{
    border: none;
}

p
{
    text-align: justify;
    font-size: 93%;
    line-height: 160%;
    margin: 10px 0;
}

p.c
{
    text-align: center;
}

p.r
{
    text-align: right;
}

p.position
{
    color: #999999;
    border-bottom: #cccccc 1px solid;
    padding: 16px 0 8px 0;
    margin: 0 0 -8px 0;
}

p.pages
{
    clear: both;
    font-size: 100%;
    text-align: center;
    border-top: #e5e5e5 1px solid;
    padding: 10px 0 0 0;
}

p.pages a
{
    text-decoration: none;
}

p.pages a:hover
{
    text-decoration: underline;
}

p.pages strong a
{
    color: #000000;
}

p.photo
{
    position: relative;
    float: left;
    display: inline;
    clear: both;
    width: 740px;
    margin: 10px -10px;
}

p.photo a, p.left a, p.right a
{
    display: block;
    float: left;
    text-decoration: none;
    text-align: left;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

p.photo a:hover, p.left a:hover, p.right a:hover
{
    text-decoration: none;
}

p.photo a
{
    display: inline;
    margin: 0 0 0 10px;
}

p.right a
{
    float: right;
    margin: 0 0 10px 10px;
}

p.photo a span.img, p.left a span.img, p.right a span.img
{
    display: block;
    font-size: 0;
    line-height: 0;
}

p.photo a img, p.left a img, p.right a img
{
    padding: 0;
    margin: 0;
}

p.photo a span.text, p.left a span.text, p.right a span.text, span.text
{
    clear: left;
    float: left;
    display: inline;
    width: 145px;
    color: #000000;
    font-size: 93%;
    line-height: 128%;
    background: #dddddd url("../img/photo.png") no-repeat 0 100%;
    padding: 5px 10px;
    margin: 0 5px;
}

p.photo a:hover span.text, p.left a:hover span.text, p.right a:hover span.text
{
    color: #ffffff;
    background-color: #9b1f43;
}

p.photo a span.text strong, p.left a span.text strong, p.right a span.text strong
{
    color: #9b1f43;
}

p.photo a:hover span.text strong, p.left a:hover span.text strong, p.right a:hover span.text strong
{
    color: #ffffff;
}

p.title a span.text
{
    width: 318px;
    background-image: url("../img/big.png");
    margin: 0 10px;
}

p em.date
{
    color: #9b1f43;
    font-style: normal;
}

div.page
{
    position: relative;
    width: 1000px;
    text-align: left;
    background: #ffffff;
    margin: 0 auto;
}

div.header
{
    width: 1000px;
    height: 350px;
    background: transparent url("../img/header.jpg") no-repeat 0 0;
}

div.content
{
    width: 1000px;
}

div.main
{
    float: left;
    display: inline;
    width: 730px;
    font-size: 100%;
    margin: 10px 0 0 10px;
}

div.main ul
{
    font-size: 93%;
    margin: 10px 0 10px 20px;
}

div.main p.ad
{
    float: left;
    display: block;
    width: 720px;
    height: 110px;
    margin: 10px 0 0 0;
}

div.main p.ad a
{
    position: absolute;
	display: block;
    width: 720px;
	height: 110px;
    background: #ffffff url("../img/cele-cesko-cte-detem.jpg") no-repeat 0 0;
    cursor: pointer;
}

div.main p.ad a:hover
{
    text-decoration: none;
    background-position: 0 -110px;
}

div.main p.home
{
    float: left;
    display: block;
    width: 224px;
    font-size: 77%;
    margin: 20px 0 0 20px;
	height:100%;
}

div.main p.home a
{
    display: block;
    position: relative;
    width: 212px;
    color: #ffffff;
    background: #9b1f43 url("../img/home-bottom.png") no-repeat -232px 100%;
    padding: 95px 10px 10px 10px;
    margin: 0 0 20px 0;
    cursor: pointer;
}

div.main p.home a strong
{
    font-size: 150%;
}

div.main p.home a span
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 232px;
    height: 8px;
    font-size: 0;
    line-height: 0;
    background: transparent url("../img/home-top.png") no-repeat -232px 0;
}

div.main p.home a span.img
{
    top: 8px;
    width: 232px;
    height: 75px;
	background: transparent url("../img/home-img-01.jpg") no-repeat -232px 0;
}

div.main p.home.snd a span.img
{
    background-image: url("../img/home-img-02.jpg");
}
div.main p.home.trd a span.img
{
	background-image: url("../img/home-img-03.jpg");
}

div.main p.home a:hover
{
    color: #404040;
    text-decoration: none;
    background-color: #dddddd;
    background-position: 0 100%;
}

div.main p.home a:hover span
{
    background-position: 0 0;
}

div.main p.fst
{
    clear: both;
    margin-left: 0;
}

div.detail
{
    padding-bottom: 20px;
}

div.list h2
{
    clear: both;
    border-top: #e5e5e5 1px solid;
    padding: 12px 0 0 0;
    margin-top: 14px;
}

div.list h2.fst
{
    border: none;
}

div.att
{
    clear: both;
    width: 715px;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
}

div.att h4
{
    font-weight: normal;
    font-size: 110%;
    margin: 0;
    padding: 15px 0 0 0;
}

div.att p
{
    width: 655px;
    line-height: 128%;
    border-top: #e5e5e5 1px solid;
    padding: 10px 0 0 0;
}

div.att p a
{
    font-weight: bold;
    text-decoration: none;
    background: transparent url("../img/att.png") no-repeat 4px 8px;
    padding: 8px 0 8px 28px;
}

div.att p a:hover
{
    background-position: 4px -98px;
    text-decoration: underline;
}

div.att p a.doc
{
    background-image: url("../img/doc.png");
}

div.att p a.docx
{
    background-image: url("../img/docx.png");
}

div.att p a.jpg
{
    background-image: url("../img/jpg.png");
}

div.att p a.pdf
{
    background-image: url("../img/pdf.png");
}

div.att p a.ppt
{
    background-image: url("../img/ppt.png");
}

div.att p a.pptx
{
    background-image: url("../img/pptx.png");
}

div.att p a.rtf
{
    background-image: url("../img/rtf.png");
}

div.att p a.xls
{
    background-image: url("../img/xls.png");
}

div.att p a.xlsx
{
    background-image: url("../img/xlsx.png");
}

div.att p a.zip
{
    background-image: url("../img/zip.png");
}

div.att p a.mp3
{
    background-image: url("../img/mp3.png");
}

div.att p a.mpg
{
    background-image: url("../img/mpg.png");
}

div.att p a.mpeg
{
    background-image: url("../img/mpeg.png");
}

div.info
{
    float: right;
    display: inline;
    width: 250px;
    margin: 0;
}

div.panel
{
    position: relative;
    margin: 20px 0 0 0;
}

div.panel span
{
    position: absolute;
    top: -16px;
    right: 16px;
    display: block;
    width: 34px;
    height: 67px;
    font-size: 0;
    line-height: 0;
    background: transparent url("../img/pajdulak.png") no-repeat 0 0;
}

div.panel h4
{
    color: #404040;
    width: 220px;
    height: 32px;
    font-size: 120%;
    font-weight: normal;
    line-height: 32px;
    background: #e6e6e6 url("../img/info.png") no-repeat 0 0;
    margin: 0;
    padding: 0 15px;
}

div.panel h5, div.panel p
{
    line-height: 128%;
    font-size: 100%;
    margin: 10px 0 5px 15px;
}

div.panel h5
{
    font-weight: bold;
}

div.panel p
{
    width: 235px;
    font-size: 93%;
    line-height: 144%;
    margin: 5px 0 10px 15px;
    padding: 0 0 10px 0;
}

div.news p
{
    border-bottom: #cccccc 1px solid;
}

div.panel p.last
{
    border-bottom: #9b1f43 1px solid;
    margin-bottom: 30px;
}

div.panel p em
{
    color: #9b1f43;
    font-style: normal;
}

div.panel p a
{
    text-decoration: none;
}

div.panel p a:hover
{
    text-decoration: underline;
}

div.contact span
{
    width: 32px;
    height: 64px;
    background-image: url("../img/cervenej-pajdulak.png");
}

div.contact h5
{
    margin-bottom: -10px;
}

div.contact p
{
    padding: 0;
    margin: 15px 0 15px 15px;
}

div.contact p.last
{
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}

div.contact p a, div.contact p a:hover
{
    color: #404040;
    text-decoration: underline;
}

div.contact p a:hover
{
    color: #9b1f43;
}

div.navigation
{
    position: absolute;
    top: 308px;
    left: 0;
    width: 1000px;
    height: 42px;
    background: #e5e5e5 url("../img/navigation.png") no-repeat 0 0;
}

div.navigation ul
{
    width: 1000px;
    list-style-type: none;
}

div.navigation ul li
{
    position: relative;
    float: left;
    display: inline;
    height: 38px;
    margin: 4px 0 0 20px;
}

div.navigation ul li.fst
{
    background: transparent;
}

div.navigation ul li a, div.navigation ul li a:hover
{
    float: left;
    display: block;
    height: 34px;
    line-height: 34px;
    color: #9b1f43;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
    background: transparent;
}

div.navigation ul li a:hover, div.navigation ul li:hover a, div.navigation ul li.hover a, div.navigation ul li a.on
{
    border-bottom: #9b1f43 4px solid;
}

div.navigation ul li:hover ul, div.navigation ul li.hover ul
{
    display: block;
}

div.navigation ul li ul
{
    position: absolute;
    top: 34px;
    left: 0;
    float: left;
    display: none;
    clear: both;
    width: 160px;
    margin: 0;
    background: transparent;
}

div.navigation ul li:hover ul li, div.navigation ul li.hover ul li
{
    float: left;
    height: auto;
    background: none;
    margin: 0;
    padding: 0;
    width: 160px;
    border-bottom: #9b1f43 1px solid;
}

div.navigation ul li:hover ul li a, div.navigation ul li:hover ul li a:hover, div.navigation ul li.hover ul li a, div.navigation ul li.hover ul li a:hover
{
    color: #ffffff;
    background: #aa1f3d;
    font-size: 100%;
    line-height: 112%;
    font-weight: normal;
    height: auto;
    margin: 0;
    padding: 8px 12px;
    text-align: left;
    text-transform: none;
    width: 136px;
    border: none;
}

div.navigation ul li:hover ul li a:hover, div.navigation ul li.hover ul li a:hover
{
    color: #ffffff;
    background: #9b1f43;
}

div.logotype
{
    position: absolute;
    top: 10px;
    left: 0px;
    width: 102px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
div.logotype a
{
    display: block;
    width: 102px;
    height: 42px;
	background-image: url("../img/logotype.png");
}

div.logotype a:hover
{
    background-position: 0 -42px;
}

div.logotype a span
{
    display: none;
}

div.menu
{
    position: absolute;
    top: 0;
    right: 235px;
    width: 79px;
    height: 53px;
    background: transparent url("../img/menu.png") no-repeat 0 0;
}

div.menu ul
{
    float: left;
    width: 79px;
    list-style-type: none;
	margin: 0 0 0 4px;
}

div.menu ul li
{
    float: left;
    display: inline;
    width: 24px;
    height: 23px;
    margin: 20px 0 0 0;
}

div.menu ul li a
{
    display: block;
    width: 24px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.menu ul li.home a
{
    background-image: url("../img/home.png");
}

div.menu ul li.map a
{
    background-image: url("../img/map.png");
}

div.menu ul li.print a
{
    background-image: url("../img/print.png");
}

div.menu ul li a:hover
{
    background-position: 0 -23px;
}

div.menu ul li a span
{
    display: none;
}

div.search
{
    position: absolute;
    top: 0;
    right: 0;
    width: 228px;
    height: 53px;
    background: transparent url("../img/search.png") no-repeat 0 0;
}

div.search form
{
    position: relative;
    float: left;
}

div.search p
{
    margin: 0;
}

div.search input.text
{
    position: absolute;
    top: 22px;
    left: 20px;
    color: #404040;
    display: inline;
    border: none;
    width: 156px;
    background: transparent;
}

div.search input.button
{
    margin: 18px 0 0 188px;
}

div.footer
{
    position: relative;
    clear: both;
    width: 1000px;
    height: 42px;
    background: #e6e6e6 url("../img/footer.png") no-repeat 0 0;
    border-bottom: #ffffff 10px solid;
}

div.footer h6
{
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    width: 102px;
    height: 42px;
    margin: 0;
}

div.footer h6.link01
{
	width: 148px;
	margin: 0 0 0 122px;
}

div.footer h6.link02
{
	width: 88px;
	margin: 0 0 0 290px;
}

div.footer h6.link03
{
	width: 103px;
	margin: 0 0 0 393px;
}

div.footer h6 a
{
    display: block;
    width: 102px;
    height: 42px;
    background: transparent url("../img/footer-logo.png") no-repeat 0 0;
}

div.footer h6.link01 a
{
    width: 148px;
    background: transparent url("../img/footer-link01-firemni-akce.png") no-repeat 0 0;
}

div.footer h6.link02 a
{
    width: 88px;
    background: transparent url("../img/footer-link02-poradce-poradenstvi.png") no-repeat 0 0;
}

div.footer h6.link03 a
{
    width: 103px;
    background: transparent url("../img/footer-link03-firemni-programy.png") no-repeat 0 0;
}

div.footer h6 a:hover, div.footer h6.link01 a:hover, div.footer h6.link02 a:hover, div.footer h6.link03 a:hover
{
    background-position: 0 -42px;
}

div.footer p
{
    width: 580px;
    height: 42px;
    font-size: 83%;
    line-height: 210%;
    margin: 0 0 0 110px;
}

div.footer p strong
{
    color: #9b1f43;
}

div.footer p.r
{
    float: right;
    width: 250px;
    margin: 0;
    text-align: left;
}

div.footer p a, div.footer p a:hover
{
    color: #404040;
    text-decoration: underline;
}

div.footer p a:hover
{
    color: #9b1f43;
}