@charset "UTF-8";

/*-----------------------------------------------------------------------------------*/
/*	1. Reset
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: #253393;
}
.clearfix {clear:both;display:block;}
.container {margin: 0 auto 0 auto;width:980px;}

h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 18px}
h5 {font-size: 14px}
h6 {font-size: 12px}

/*-----------------------------------------------------------------------------------*/
/*	2.Hlavička
/*-----------------------------------------------------------------------------------*/
header {background: url(../img/bg.png) no-repeat center;width: 100%;height: 911px;text-align: center;}
header .logo {margin-top: 30px;margin-left: 120px;position: absolute;left: 0;right: 0;}

header .container {position: relative;}
header .sledujte-nas {width: 265px;position: absolute;top: 333px;left: 50px;}
header .sledujte-nas span {text-decoration: underline;font-size:25px;color: #f8eacc;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;
                           text-transform: uppercase;margin-left: -20px;}
header .sledujte-nas span a {text-decoration: underline;font-size:25px;color: #f8eacc;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;
                             text-transform: uppercase;margin-left: 5px;}
header .sledujte-nas:hover span {color: white}
header .sledujte-nas .fb-sprites { background: url(../img/sprites-fb.png) no-repeat; display: block;position: relative;z-index: 1; margin-top: 5px;}
header .sledujte-nas .fb { width: 247px; height: 68px; background-position: 0 0; }
header .sledujte-nas:hover .fb { background-position: 0 -68px; }

/*-----------------------------------------------------------------------------------*/
/*  3. Obsah
/*-----------------------------------------------------------------------------------*/
#obsah {margin-top: -400px;text-align: center;}
#obsah .vyjizdime {color: #f8eacc;font-size: 20px;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;
                   margin-left: 80px;margin-bottom: 10px;}
#obsah .datum {background: url(../img/bg-obd.png) repeat;width: auto;height: 79px;display: inline-block;
               margin-left: 90px;color: #fbf4e2;font-size: 36px;font-weight: bold; text-transform: uppercase;line-height: 1;padding-top: 14px;
               position: relative; padding-left: 10px; padding-right: 10px;}
#obsah .datum:before {background: url(../img/kraj.png) no-repeat;content: '';display: inline-block;width: 9px;height: 92px;
                      left: -9px;position: absolute;top: 0;}
#obsah .datum:after {background: url(../img/kraj.png) no-repeat;content: '';display: inline-block;width: 9px;height: 92px;
                     right: -9px;position: absolute;top: 0;-webkit-transform: rotate(180deg);
                     -moz-transform: rotate(180deg);
                     -o-transform: rotate(180deg);
                     -ms-transform: rotate(180deg);
                     transform: rotate(180deg);}
#obsah .datum span {font-size: 30px; display: block;}


#obsah .text {color: #f8eacc;text-transform: uppercase;margin: auto;position: relative;left: 30px;
              margin-top: 40px;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;}
#obsah .text h2 {font-size: 80px}
#obsah .text p {font-size: 40px}
#obsah .text p.podostavec {font-size: 25px;margin-top: 50px;display: inline-block;}

.zobak {margin-left: 50px;}
.zobak .span-mapa {font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;font-size: 25px;color:#f8eacc;margin-top: 50px;
                   text-transform: uppercase;position: relative;top: 20px;left: 5px;}
#obsah .zobak .mapa {background: url(../img/zobak.png) no-repeat;width: 224px;height: 221px;display: inline-block;margin-top: -50px;margin-bottom: 10px;}


/*-----------------------------------------------------------------------------------*/
/*  4. Patička
/*-----------------------------------------------------------------------------------*/
footer {text-align: center;}
footer #mapa {border-top: 4px solid #656aa4;border-bottom: 4px solid #656aa4;}
footer #mapa iframe {vertical-align:bottom;}
footer .copy {color: #f8eacc;font-size: 18px;padding: 25px 0;text-transform: uppercase;}
footer .copy a {color: #f8eacc;font-size: 18px;}
footer .copy a:hover {color: #ffb622;text-decoration: underline;}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}