html, body {
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    height:100%;
    min-height:100%;
    overflow-x:hidden;
}

body {
    text-align:center;
    font-family: 'Roboto Slab', serif;
    font-size:100%;
    font-weight:300;
    color:#222;
    line-height:1.5em;
    background-color:#fff;
    background-position: left TOP;
    -webkit-background-size: cover;
    background-size: cover;
}


/* general links styles */
a {
    color:#dd0000;
    font-weight:bold;
    text-decoration: underline;
    transition:color ease 0.2s;
}
a:hover { color:#ff0000; }



table {
    font-size:95%;
    clear:both;
}

b, strong {
    font-weight:bold;
    color:#000000;
}

h1, h2, h3 {
    margin:0;
    padding:0;
    margin-bottom:5px;
    font-weight:400;
    display:block;
    clear:both;
}


h1 { font-size:180%; color:#dd0000; }
h2 { font-size:180%; color:#dd0000; }
h3 { font-size:140%; color:#dd0000; }
h4 { font-size:120%; color:#dd0000; }

h1, h2, h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:500;
}


.label {
    display:inline-block;
    width:20%;
    font-weight:bold;
    color:#222;
    text-align:left;
    padding-left:0;
    font-size:100%;
}

#header_contact {
    clear:both;
    float:left;
    width:100%;
    height:auto;
    text-align:center;
    background:#eeeeff;
    font-family: 'Roboto Condensed', sans-serif;
}
#header_contact .container {
    padding-top: 10px;
    padding-bottom: 10px;
}
#header_contact ul {
    float:left;
    list-style: none;
    margin:0;
    padding:0;
}
#header_contact ul li {
    list-style: none;
    display:block;
    float:left;
    width:auto;
    margin-right:2em;
}
#header_contact ul li span {
    padding-right:5px;
    line-height:140%;
}
#header_contact a {
    font-weight:normal;
    color: #bbb;
    text-decoration:none;
    font-size:100%;
}
#header_contact a:hover {
    color: #dd0000;
}
#social_buttons {
    float:right;
    text-align:right;
}
#social_buttons a {
    float:left;
    display:block;
    margin:0px 0px 0px 5px;
    padding:0px 10px;
    font-size:140%;
}



#header {
    clear:both;
    float:left;
    width:100%;
    height:auto;
    text-align:center;
    padding-top:35px;
    font-weight:400;
    font-family: "Roboto Condensed", sans-serif;
}
#header #title {
    font-size:200%;
    color:#333;
}
#header #tagline {
    font-size:150%;
    color:#111;
}

#header blockquote {
    font-size: 220%;
    line-height: 1em;
    color:#fff;
    padding:0px;
    margin-top:1.9em;
    text-align: left;
    border:none;
}
#header ul#points {
    text-align: left;
    color:#fff;
    font-size: 140%;
    font-weight:300;
    line-height: 1.5em;
    margin-top:1.5em;
}


#content {
    clear:both;
    float:left;
    width:100%;
    min-height:500px;
    text-align:left;
    padding-top:0px;
    overflow:hidden;
}
#content > .container {
    padding-bottom:50px;
}


#footer {
    float:left;
    display:block;
    width:100%;
    height:auto !important;
    text-align:center;
    font-size:110%;
    position:fixed;
    bottom:0;
    background:#222;
    color:#fff;
    font-family:'Roboto Condensed', sans-serif;
}

#slideshow {
    display:block;
    float:left;
    width:100%;
    height:300px;
    margin:0;
    padding:0;
    background:#f0f0f0;
}





/* MAIN MENU */
#header_menu {
    float:left;
    width:100%;
    height:50px;
    overflow:hidden;
    background:#aa0000 ;
    text-align:left;
    font-family:'Roboto Condensed', sans-serif;
}
#mainmenu {
    display:block;
    float:left;
    height:50px;
    text-transform: uppercase;
}
a.mainmenulink {
    float:left;
    display:block;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    margin:0;
    padding:0;
    height:50px;
    box-sizing:border-box;
    transition:color ease 0.2s;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    font-size:120%;
}
a.mainmenulink:hover {
    color:#000;
    border-bottom:5px solid #000;
}
a.mainmenulink.active {
    color:#000;
    border-bottom:5px solid #000;
}
a.mainmenulink span {
    float:left;
    display:block;
    width:auto;
    height:54px;
    padding:12px 15px 0px 15px;
    margin:0px;
}



#content .container .col-md-6,
#content .container .col-md-12 {
    padding:0;
}
#content .container .col-md-6.hpblock1 {
    padding-right:20px;
}
#content .container .col-md-6.hpblock2 {
    padding-left:20px;
}



a.doclink {
    float:left;
    display:block;
    width:100px;
    height:130px;
    overflow:hidden;
    margin:0px 10px 10px 0px;
    padding:0;
    text-align:center;
}
a.doclink span {
    float:left;
    display:block;
    width:90px;
    height:auto;
    overflow:hidden;
    font-size:85%;
}

a.reflink {
    display:block;
    float:left;
    width:100%;
    height:240px;
    clear:both;
    text-decoration: none !important;
    font-weight: 300;
    font-size:90%;
    line-height: 1.3em;
    padding:10px;
    background:#f0f0f0;
    overflow: hidden;
}
a.reflink img {
    width:100% !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
a.reflink:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
a.reflink small.ref_info {
    display:block;
    float:left;
    width:100%;
    clear:both;
    padding-top:1em;
    color: #666;
}



/* galerie */
.gallery_label {
    float:left;
    width:100%;
    margin-top:30px;
    border-bottom:1px solid #dddddd;
}
.galerie-pic-wrapper {
    float:left;
    display:block;
    width:180px;
    height:150px;
    overflow:hidden;
    margin:5px 10px;
    padding:0;
    background:url('../img/transparent_black10.png') 0 0;
    text-align:center;
}
.galerie-pic-wrapper:hover {
    background:url('../img/transparent_black20.png') 0 0;
}
.galerie-pic-wrapper .img_wrapper {
    float:left;
    display:block;
    width:160px;
    height:130px;
    overflow:hidden;
    margin:10px;
    padding:0;
    text-align:center;
}
.galerie-pic-wrapper a.detail-nahled {
    float:left;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    margin:0;
    text-align:center;
}
.galerie-pic-wrapper .img_wrapper a.detail-nahled img {
    width:160px;
    min-height:130px;
    margin:0;
    padding:0;
}







/* FOOTER */
#footerlinks {
    float:left;
    padding:15px 0px;
}
#copyright {
    float:right;
    padding:15px 0px;
    text-transform: uppercase;
}
a.footermenulink {
    float:left;
    display:block;
    text-decoration: none;
    color:#fff;
    font-weight:normal;
}
a.footermenulink:hover {
    color:#ff0000;
    text-decoration: underline;
}
span.footermenulink_delitko {
    float:left;
    display:block;
    width:20px;
    height:14px;
}



.galerie_label {
    clear:both;
    margin-top:20px;
    padding:0;
    border-bottom:1px solid #333333;
}

.foto_popisek {
    font-size:80%;
}


table {
    width:99%;
    padding-top:10px;
}
table tr th,
table tr td {
    padding:2px 5px;
    border-bottom:1px solid #f0f0f0;
}
table tr:first-child {
    /*background:#f0f0f0;*/
    /*border-top:1px solid #f0f0f0;*/
}
table.table_kontakty,
table.table_kontakty_narrow {
    width:auto !important;
    padding-top:0px;
    max-width:600px;
}
table.table_kontakty tr td:first-child {
    width:230px;
}
table.table_kontakty tr th:first-child {
    width:200px;
}
table.table_kontakty th {
    font-weight:bold;
    width:60px;
}
.halfwidth table.table_kontakty tr td:first-child,
.halfwidth table.table_kontakty tr th:first-child {
    width:100px;
}


ul.struktura {
    padding: 0;
    margin: 0;
}
ul.struktura li {
    float:left;
    display:block;
    width:45%;
    background:#fff;
    margin:0px 1% 10px 0px;
    padding:0.5em;
    font-size:130%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
ul.struktura li b,
ul.struktura li strong {
    float:left;
    display:block;
    width:100%;
    clear:both;
}

a img { border:none; }

.nobold {
    font-weight: normal;
}

p {
    clear:both;
    margin:0px;
    padding:0px;
    text-align:left;
}


.err_red {
    color:red;
}

.poznamka {font-size:10px;}



h1.nadpis,
h2.nadpis {
    margin-top:30px;
    margin-bottom:15px;
    font-size:180%;
}


.clearbox {
    display:block;
    clear:both;
}

.nopad { padding: 0px; }
.noborder { border:none; }
.nomargin { margin:0px; }
.norightmargin { margin-right:0px; }
.autoheight { height:auto; }

.left { float:left; }
.right { float:right; }

.pad2 { padding:2px; }
.pad3 { padding:3px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad12 { padding:12px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }

.padtop5 { padding-top:5px; }

.notop { margin-top:0px; }
.top0 { margin-top:0px; }
.top1 { margin-top:1px; }
.top2 { margin-top:2px; }
.top3 { margin-top:3px; }
.top4 { margin-top:4px; }
.top5 { margin-top:5px; }
.top6 { margin-top:6px; }
.top7 { margin-top:7px; }
.top8 { margin-top:8px; }
.top9 { margin-top:9px; }
.top10 { margin-top:10px; }
.top11 { margin-top:11px; }
.top12 { margin-top:12px; }
.top13 { margin-top:13px; }
.top14 { margin-top:14px; }
.top15 { margin-top:15px; }
.top16 { margin-top:16px; }
.top17 { margin-top:17px; }
.top18 { margin-top:18px; }
.top19 { margin-top:19px; }
.top20 { margin-top:20px; }
.top22 { margin-top:22px; }
.top24 { margin-top:24px; }
.top26 { margin-top:26px; }
.top28 { margin-top:28px; }
.top30 { margin-top:30px; }
.top32 { margin-top:32px; }
.top34 { margin-top:34px; }
.top36 { margin-top:36px; }
.top38 { margin-top:38px; }
.top40 { margin-top:40px; }
.top42 { margin-top:42px; }
.top44 { margin-top:44px; }
.top46 { margin-top:46px; }
.top48 { margin-top:48px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }


.bot0 { margin-bottom:0px; }
.bot5 { margin-bottom:5px; }
.bot10 { margin-bottom:10px; }
.bot20 { margin-bottom:20px; }
.bot40 { margin-bottom:40px; }

.left0 { margin-left:0px; }
.left5 { margin-left:5px; }
.left10 { margin-left:10px; }
.left11 { margin-left:11px; }
.left12 { margin-left:12px; }
.left15 { margin-left:15px; }
.left16 { margin-left:16px; }
.left20 { margin-left:20px; }
.left25 { margin-left:25px; }
.left30 { margin-left:30px; }
.left40 { margin-left:40px; }
.left50 { margin-left:50px; }
.left100 { margin-left:100px; }
.left150 { margin-left:150px; }
.left250 { margin-left:250px; }

.right3 { margin-right:3px; }
.right4 { margin-right:4px; }
.right5 { margin-right:5px; }
.right10 { margin-right:10px; }
.right20 { margin-right:20px; }
.right30 { margin-right:30px; }
.right40 { margin-right:40px; }
.right50 { margin-right:50px; }
.right100 { margin-right:100px; }
.right150 { margin-right:150px; }

.bold { font-weight:bolder; }
.bolder { font-weight:bolder; }

.nobold { font-weight:normal; }

.size8 { font-size:8px; }
.size9 { font-size:9px; }
.size10 { font-size:10px; }
.size11 { font-size:11px; }
.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size22 { font-size:22px; }
.size24 { font-size:24px; }

.white { color:white; }
.red { color:#c3060c; }
.orange { color:#f7852a; }
.green { color:#91d500; }
.darkorange { color:#d63300; }
.yellow { color:#ffff00; }
.black { color:#000000; }
.dark { color:#000000; }
.blue { color:#085788; }
.lightblue { color:#00c3ff; }
.gray { color:gray; }

.bgred { background: red; }
.bgwhite { background:white; }
.bgsilver { background:#e0e0e0; }
.bglightsilver { background:#f3f3f3; }
.bgdarksilver  { background:#3f3f3f; }
.bgdarkorange { background:#d63300; }
.bglightorange { background:#f0925e; }
.bglightgreen { background:lime; }

.w1 { width:1px; }
.w15 { width:15px; }
.w20 { width:20px; }
.w25 { width:25px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w203 { width:203px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w420 { width:420px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w520 { width:520px; }
.w540 { width:540px; }
.w560 { width:560px; }
.w570 { width:570px; }
.w580 { width:580px; }
.w600 { width:600px; }
.w620 { width:620px; }
.w640 { width:640px; }
.w645 { width:645px; }
.w650 { width:650px; }
.w660 { width:660px; }
.w670 { width:670px; }
.w680 { width:680px; }
.w700 { width:700px; }
.w720 { width:720px; }
.w750 { width:750px; }
.w800 { width:800px; }
.w840 { width:840px; }
.w880 { width:880px; }
.w900 { width:900px; }
.w940 { width:940px; }
.w950 { width:950px; }
.w960 { width:960px; }
.w980 { width:980px; }

.h1 { height:1px; }
.h2 { height:2px; }
.h5 { height:5px; }
.h10 { height:10px; }
.h14 { height:14px; }
.h15 { height:15px; }
.h16 { height:16px; }
.h18 { height:18px; }
.h20 { height:20px; }
.h24 { height:24px; }
.h25 { height:25px; }
.h27 { height:27px; }
.h30 { height:30px; }
.h34 { height:34px; }
.h40 { height:40px; }
.h50 { height:50px; }
.h60 { height:60px; }
.h90 { height:90px; }
.h120 { height:120px; }
.h130 { height:130px; }
.h150 { height:150px; }
.h160 { height:160px; }
.h165 { height:165px; }
.h180 { height:180px; }
.h190 { height:190px; }
.h210 { height:210px; }
.h220 { height:220px; }
.h230 { height:230px; }
.h240 { height:240px; }
.h250 { height:250px; }
.h280 { height:280px; }
.h400 { height:400px; }

.inline { display:inline; }
.block { display: block; }
.inline-block { display:inline-block; }

.dontshow { display:none; }
.show { display: inline; }

.blackborder { border:1px solid #000000; }
.silvertopborder { border-top:1px solid #dddddd; }
.silverbotborder { border-bottom:1px solid #f0f0f0; }
.silverborder { border:1px solid #e0e0e0; }
.whiteborder { border:1px solid white; }
.orangeborder { border: 1px solid orange; }
.orangetopborder { border-top: 1px solid #d33000; }
.orangebotborder { border-bottom: 1px solid #d33000; }
.limeborder { border: 2px solid lime; }

.centertext { text-align:center; }
.lefttext { text-align:left; }
.righttext { text-align:right; }
.justifytext { text-align:justify; }

.pointer { cursor: pointer; }

.lowercase { text-transform: lowercase; }
.upperrcase { text-transform: uppercase; }

.nodecor { text-decoration: none; }
.underlined { text-decoration: underline; }


.rel50minus {
    position:relative; right:-50%;
}
.rel50plus {
    position:relative; right:50%;
}

.quarterwidth { width:25%; }
.halfwidth { width:48%; }
.fullwidth { width:100%; }



.radius3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.radius5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.radius9 {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
}


.radius11 {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    border-radius: 11px;
}


.shadow {
    -webkit-box-shadow: 0px 0px 6px #333333;
    -moz-box-shadow: 0px 0px 6px #333333;
    box-shadow: 0px 0px 6px #333333;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=600,strength=5);
}









/* <1024 screen */
@media only screen and (max-width: 1200px) {

    body { font-size:100%; }

    #header_menu .container {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    a.mainmenulink {
        font-size:100%;
    }
    a.mainmenulink span {
        padding:12px 12px 0px 12px;
    }
    #footer {
        font-size: 100%;
    }
    a.footermenulink {
        text-decoration: underline;
    }

}



/* <990 screen */
@media only screen and (max-width: 990px) {

    body { font-size:110%; }

    a.mainmenulink {
        font-size:85%;
    }
    a.mainmenulink span {
        padding:12px 8px 0px 8px;
    }
    #footer {
        font-size: 90%;
    }
    #copyright {
        float:left;
        display:block;
        width:100%;
        clear:both;
        text-align:center;
        margin:0;
        padding-top:0;
    }

    ul.struktura li {
        width:90%;
    }

}





/* <800 screen */
@media only screen and (max-width: 800px) {

    #header .container {
        padding-left:5px !important;
        padding-right:5px !important;
    }

    #social_buttons {
        float:left;
        dispaly:block;
        width:100%;
        clear:both;
        padding:10px 0px 20px 0px;
    }

    #header_menu,
    #mainmenu {
        width:100%;
        height:auto !important;
    }
    #header_menu .container {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    a.mainmenulink {
        float:left;
        display:block;
        width:100%;
        clear:both;
        font-size:130%;
        text-align:center;
        border-top:1px solid #444;
    }
    a.mainmenulink span {
        float:left;
        display:block;
        width:100%;
        padding:12px auto;
        text-align:center;
    }
    #footer {
        font-size: 90%;
    }
    #footerlinks {
        display:none;
    }
    #copyright {
        padding-top:15px;
    }


    table.table_kontakty,
    table.table_kontakty_narrow {
        width:100% !important;
        max-width:100% !important;
    }
    table.table_kontakty tr td:first-child,
    table.table_kontakty tr th:first-child {
        width:40%px;
    }
    .left.halfwidth,
    .right.halfwidth {
        float:none;
        display:block;
        clear: both;
        width:100%;
    }
    .halfwidth table.table_kontakty {
        margin-bottom:2em;
    }
    .halfwidth table.table_kontakty tr td:first-child,
    .halfwidth table.table_kontakty tr th:first-child {
        width:120px;
    }


    #slideshow {
        float:none;
        clear:both;
        width:400px;
    }

}



/* <600 screen */
@media only screen and (max-width: 600px) {

    #header_logo, #header_right {
        min-width:420px !important;
    }

}