body { background-color: #ECE2C7; font-face: webfontregular; color: #03020A; } a {color: maroon} a:link {color: maroon} /* nenavštívený */ a:visited {color: maroon} /* navštívený*/ table {border-collapse: collapse;} td {vertical-align: top; padding: 4px;} .zvyraznovac:hover { background: #f5f1e5; } section { padding-top: 35px; padding-bottom: 35px; overflow: hidden; } span.leva_sipka { position: absolute; top: 25px; left: 5px; background-color: #EEEEEE; /* opacity: 0.2; */ } span.leva_sipka:hover { /* opacity: 0.5; */ } span.vlajky_ger_right{ position: absolute; top: -1px; right: 79px; opacity: 0.5; } span.vlajky_ger_right:hover { opacity: 1; } span.vlajky_eng_right{ position: absolute; top: -1px; right: 42px; opacity: 0.5; } span.vlajky_eng_right:hover { opacity: 1; } span.vlajky_pol_right{ position: absolute; top: -1px; right: 5px; opacity: 0.5; } span.vlajky_pol_right:hover { opacity: 1; } .centrovani_ptaci { background: url('../obrazky/skica.png'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; } @media (max-width: 576px) { .img-rotate { transform: rotate(90deg); width: 48px !important; margin: 20px 6px; } } .scale { transition: .3s; } .scale:hover { transform: scale(.85); } .padding-0-10 { padding: 0 10px; } .sipka_dolu { position: absolute; top: 25px; left: 5px; opacity: 0.2; } .sipka_dolu:hover { opacity: 0.9; } .table { display: table; } .table > * { width: inherit; vertical-align: top; } @media (min-width: 577px) { .table > * { display: table-cell; } } .table-middle { margin: 0 auto; vertical-align: top; } .table-middle > * { vertical-align: top; } .table-right { display: table; margin: 0 0 0 auto; } .pull-left { float: left; } .pull-right { float: right; } .container { padding-left: 15px; padding-right: 15px; display: table; max-width: 1170px; width: 100%; margin-left: auto;; margin-right: auto; } .col-3 { width: 33.33%; display: table-cell; } .clearfix { clear: both; } .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .container-fluid { padding-left: 30px; padding-right: 30px; } } .mleft-15 { margin-left: 15px; } .intro-2, .intro-3 { height: 60vh; /*background-size: inherit;*/ /*background-position: left center;*/ } .text-center { text-align: center; } .text-center img { margin-left: auto; margin-right: auto; } .text-left { text-align: left; } .text-right { text-align: right; } .text-right-full { text-align: right; width: 100%; } @media (min-width: 768px) { .text-left > *, .text-center > *, .text-right > * { width: 100%; } } @media (min-width: 992px) { .intro .text-left > *, .intro .text-center > *, .intro .text-right > * { width: 75%; } .intro .text-right > * { margin-left: 25%; } .intro .text-center > * { margin-left: 12.5%; } } @media (min-width: 1200px) { .intro .text-left > *, .intro .text-center > *, .intro .text-right > * { width: 50%; } .intro .text-right > * { margin-left: 50%; } .intro .text-center > * { margin-left: 25%; } } .img-responsive { max-width: 100%; height: auto; width: auto; } .title { text-align: left; } .title h1 { line-height: 36px; font-weight: inherit; letter-spacing: 5px; display: none; } .title .logo { /* height: 240px; */ width: 25%; margin-top: 31px; } .title .logo:hover { transform: inherit; } .title:after { content: ''; position: absolute; width: calc(100% - 30px); left: 15px; top: 103px; height: 2px; background-color: rgba(0,0,0,.2); } .title hr { width: 100%; height: 3px; background-color: #333; } .title > *:after { display: none; } .title > * > strong { display: block; } .btn-sidebar { position: fixed; background-color: rgba(68,33,29,.90); text-align: center; width: 64px; height: 64px; border: 0; top: 1px; right: 5px; z-index: 2; border-radius: 3px; opacity: .5; transition: .3s; outline: none; } .btn-sidebar:hover { opacity: 1; cursor: pointer; } .btn-skip { display: inline-block; position: absolute; left: calc(50% - 62px); top: calc(50% - 115px); opacity: .5; transition: .5s; } .btn-skip:hover { opacity: 1; } .btn-sidebar span { background-color: #fff; display: block; text-align: center; margin: 8px auto; border-radius: 2px; width: 42px; height: 5px; transition: .5s; } .btn-sidebar.close span:nth-child(1) { transform: rotate(45deg); margin: 0; } .btn-sidebar.close span:nth-child(2) { opacity: 0; display: none; } .btn-sidebar.close span:nth-child(3) { transform: rotate(-45deg); margin: -4px 0 0; } .sidebar { position: fixed; right: 0; width: 0; height: 100vh; background-color: rgba(68,33,29,.90); transition: .5s; z-index: 1; overflow: hidden; } .sidebar.open { width: 150px; } .sidebar .navbar-app { padding: 15px; margin-top: 50px; } .sidebar .navbar-app a { padding: 5px; font-size: 24px; color: rgba(255,255,255,.75); display: block; text-align: center; transition: .3s; } .sidebar .navbar-app a:hover { color: rgba(255,255,255,1); } .sidebar .navbar-app a:focus, .sidebar .navbar-app a:hover { background-color: inherit; } .sidebar .navbar-app a:after { content: ''; height: 2px; width: 100%; background: #fff; position: absolute; bottom: -2px; left: 0; transition: .3s; opacity: .15; } .sidebar .navbar-app a:hover:after { opacity: .5; } .male_logo { position: absolute; top: 5px; left: 5px; } .intro { height: 100vh; /*background-size: inherit;*/ } .intro .navbar-social { position: absolute; bottom: 50px; width: 100%; text-align: left; padding: 0 15px; } .intro .navbar-social li { margin: 0 20px; } .intro .navbar-social li a { padding: 0; color: #fff; background-color: inherit; width: 48px; height: 48px; display: table; text-align: center; transition: all ease-in-out .25s; border-radius: 3px; margin: 0 auto; } .zavolej { position: absolute; top: 10px; left: 50%; margin-left: -42px; } .zavolej a:hover { background-color: inherit; text-decoration: none; color: #3b5998; } .intro .navbar-social li a i { font-size: 42px; transition: .5s; } /* Začátek nastavení podbarvení ikon sociálních sítí */ .intro .navbar-social li .soc-facebook a:hover { background-color: inherit; text-decoration: none; color: #3b5998; } .intro .navbar-social li .soc-google-plus a:hover { background-color: inherit; text-decoration: none; color: #db4437; } .intro .navbar-social li .soc-twitter a:hover { background-color: inherit; text-decoration: none; color: #1da1f2; } .intro .navbar-social li .soc-youtube a:hover { background-color: inherit; text-decoration: none; color: #cc181e; } .intro .navbar-social li .soc-shop a:hover { background-color: inherit; text-decoration: none; color: #cc0000; } /* Konec nastavení podbarvení ikon sociálních sítí */ .intro .navbar-social .soc-facebook a:hover i { color: #3b5998; } .intro .navbar-social .soc-google-plus a:hover i { color: #db4437; } .intro .navbar-social .soc-twitter a:hover i { color: #1da1f2; } .intro .navbar-social .soc-youtube a:hover i { color: #cc181e; } .intro .navbar-social .soc-shop a:hover i { color: #e94e4d; /* Navibar pro logo */ /* Konec navibaru pro logo */ .icons img { max-height: 80px; width: auto; display: inline-block; margin: 30px 20px 0; transition: .3s; } .offer h2 { text-align: center; font-style: italic; font-family: 'AUC'; /* font-family: Arial; */ font-size: 48px; margin: 0; } .offer h2 a { color: #000; } .offer h2 a:hover { text-decoration: underline; } .offer .limo { margin: 45px 0 25px; } .offer .dort { display: table; margin: 35px auto; /*font-size: 32px;*/ /*font-style: italic;*/ font-size: 60px; font-family: 'AUC'; font-style: italic; } .offer .dort > * { display: table-cell; vertical-align: middle; } .offer .coffee { margin: 65px 0 0; } .catering .heart { max-height: 200px; } .catering .big { font-size: 72px; font-family: 'AUC'; } .contact { margin: 50px auto 0 0; } .contact > div { padding: 0 15px; } .contact i { font-size: 24px; margin-left: 10px; } .contact a { color: #000; } footer { background-color: #5E820E; color: #c2c2c2; } footer img { max-height: 25px; } footer span { float: left; } footer .table > * { padding: 0 25px; } footer .table > *:nth-child(2) { padding-top: 8px; } @media (max-width: 885px) { footer .table > * { display: block; } } .bg-white-opa { background-color: rgba(255,255,255,.85); } .pxy { padding: 25px 15px; } @media (min-width: 768px) { .pxy { padding: 50px; } } .pxy h1 { margin-top: 0; font-size: 32px; } a.svetlejsi img { filter: alpha(opacity=1); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } a.svetlejsi:hover img { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .maluch { font-size: 80%; } .gigant_2 { font-size: 120%; } .maluch_2 { font-size: 70%; } .gigant { font-size: 120%; }