* { padding: 0; margin: 0; }
body { }

/******************************************************************************/

input, textarea, select { font-family: source sans pro, tahoma; font-size: 1em; }
input, textarea, select { padding: 15px 15px; }
input[type="submit"] { cursor: pointer; font-weight: bold; }
select option[disabled="disabled"] { color: #990033; }
fieldset { background: rgba(230, 230, 230, 0.25); border: 1px solid #dedede; border-radius: 5px; float: left; margin-right: 10px; padding: 5px 10px; }
fieldset legend .fa { color: #aaa; padding: 0 2px; }
fieldset legend .fa:hover { color: #444; }
.button { background: #2c2c2c; border: none; color: #fff; }
.button:hover { background: #3c3c3c; }

.responsive-design { font-size: 1em; }

/******************************************************************************/
                                                                                
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: source sans pro; font-size: 1em; }
.custom-combobox-toggle { margin: -2px 0 0 1px; padding: 8px 2px 8px 1px; }

/******************************************************************************/

:root { --highlight: #ee7778; --highlight2: #51c6d9; --highlight2-hover: #62d7ea; --yellow: #fed74e; --yellow-hover: #ffe83f; --red: #fe3432; }
.highlight { color: var(--highlight); }
.highlight2 { color: var(--highlight2); }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.nc { text-decoration: none; }
.nc:hover { color: #eb2332; color: #1aa9e6; }
.ui-tooltip { background: #444; border: 0; border-radius: 2px; box-shadow: none; color: #fff; font-family: source sans pro; font-size: 12px; }
.hidden { display: none; }
.clear { clear: both; }
.text-shadow { text-shadow: 1px 2px 3px #222; }
.center { text-align: center; }

/******************************************************************************/

.table tr th, .table tr td { padding: 5px 15px; }
.table tr th, .table thead tr td, .table tr.th td { background: #81ba25; color: #fff; font-weight: bold; }

/******************************************************************************/
/* hlášky */

.msg-ok { background: #b4e3e1; color: #222; margin-bottom: 1em; padding: 5px 15px; }
.msg-error { background: #dc143c; color:  #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-ok a, .msg-error a { color: #fff; }

/******************************************************************************/
/* blok */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
.wrap2, .wrap2a, .wrap2b { margin: 0 auto; position: relative; width: calc(100% - 50px); max-width: 1920px; }
.wrap2a { max-width: 1700px; }
.wrap2b { max-width: 800px; }
.content { float: left; padding: 25px 0; position: relative; width: 100%; }

.wrap2a .content { padding: 0; }
.wrap2b .content { padding: 50px 0; }

.wrap-title { border-bottom: 1px solid #999; width: 50%; }
.wrap-title .title { border: 1px solid #999; border-bottom: 0; display: inline-block; left: calc(100% - (1260px / 2) + 25px); padding: 3px 15px; position: relative; text-transform: uppercase; }

/******************************************************************************/
/* hlavička */

#head { background: none; z-index: 9; }
/* #head.scroll .content, */ #homepage #head, #subpage #head { border-bottom: 0px solid var(--highlight); }
#head .content { padding: 15px 0; }
#head a { color: #222; }

#wrap-logo { display: inline-block; vertical-align: middle; width: 150px; }
#logo { text-decoration: none; text-transform: uppercase; }
#logo:hover {  }

/******************************************************************************/
/* menu */

#menu { display: inline-block; margin: 0; padding: 0; text-align: right; vertical-align: middle; width: calc(100% - 155px); }
#menu li { background-position: center 5px; background-repeat: no-repeat; display: inline-block; list-style: none; margin: 0 0 0 30px; }
#menu li:last-child { margin-right: 0; }
#menu li a { display: block; text-decoration: none; }
#menu li a:hover, #menu li a.active { text-decoration: underline; }
#menu li.icon { display: none; }

/* submenu */
#menu li ul { background: rgba(238, 119, 120, 0.9); margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 9; }
#menu li ul li { display: block; float: none; margin: 0; width: auto; } 
#menu li ul li a { border-bottom: 1px solid #444; color: #222; display: block; padding: 1em 20px; text-align: left; }
#menu li ul li:first-child a { border-top: 1px solid #444; } 
#menu li ul li a:link, .menu li ul li a:visited { width: auto; } 
#menu li ul li a:hover, #menu li ul li a.active { background: none; color: #fff; }

/******************************************************************************/
/* vyhledávání */

#search { display: inline-block; float: right; margin: 14px 0 0 0; }
#search input { background: none; color: #222; }
#search input[type="text"] { border: 1px solid #777; padding: 4px 5px; width: 225px; }
#search input[type="submit"] { background: url('../img/icon_lupa.png') center center no-repeat; background-size: contain; border: 0; cursor: pointer; width: 35px; }

/******************************************************************************/
/* fotografie */

.wrap-photo { clear: both; padding: 0; }
.photo { display: inline-block; margin: 0 0 25px 0; vertical-align: top; }
.photo img { height: auto; width: 100%; }
.photo:hover img { }

.photo.photo-w { width: calc(64% - 15px); }
.photo.photo-h { width: calc(36% - 10px); }
.photo.photo-w.z6 { width: calc(69.15% - 15px); }
.photo.photo-h.z6 { width: calc(30.85% - 10px); }
.photo.photo-w.ratio169 { width: calc(75.75% - 15px); }
.photo.photo-h.ratio169 { width: calc(24.25% - 10px); }
.photo.photo-w.analog { width: calc(67.4% - 15px); }
.photo.photo-h.analog { width: calc(32.6% - 10px); }
.photo.photo-h.to-half { width: calc(50% - 12.5px); }
.photo.left { margin-right: 25px; }

/******************************************************************************/
/* stránkování */

.paging { text-align: center; margin: 1em 0; }
.paging a { display: inline-block; padding: 5px 15px; }
.paging .page-active { background: var(--highlight); color: #fff; text-decoration: none; }

/******************************************************************************/
/* slider */

#slider { /* background-attachment: fixed; */ background-position: center center; background-size: cover; left: 25px; left: calc((100% - 1920px)/2); position: relative; width: calc(100% - 50px); max-width: 1920px; }
#slider .wrap2 { /*width: 100%; */}
#slider .content { color: #fff; height: calc(100vh - 90px); padding: 0; position: relative; }
#slider.no-content .content { height: 0; }
#slider-img { height: auto; width: 100%;}
#slider .img-only-mobile { display: none; }
#slider .info { border-left: 5px solid #fff; bottom: 0px; left: calc((100% - 1700px) / 2); padding: 25px; position: absolute; }
#slider .title { line-height: 1.5em; text-shadow: 1px 1px #444; }
#slider .date { font-size: .75em; }

#homepage-pause #slider { left: 0; width: 100%; }

/******************************************************************************/
/* dlaždice */

.tile { border-bottom: 5px solid #fff; display: inline-block; margin: 0 5px; text-align: center; vertical-align: top; width: calc((100% - 61px)/7); }
.tile:hover, .tile.active { border-bottom: 5px solid #92b93a; }
.tile:first-child { margin-left: 0; }
.tile:last-child { margin-right: 0; }
.tile .img { background-size: cover; margin-bottom: 10px; height: 140px; }
.tile .wrap-title1 { background: #a49b92; color: #fff; display: inline-block; font-size: 17px; padding: 5px 5px; position: relative; text-align: center; width: calc(100% - 10px); }
.tile:hover .wrap-title1, .tile.active .title1 { background: none; color: #222; }
.tile .perex { padding: 0 15px; position: relative; top: -25px; }

/******************************************************************************/
/* obsah - homepage */

#content { background: #fff; }
#homepage #content .content { padding: 0; }
#subpage #content .content { }

#breadcrumbs { margin-bottom: 1em; }
#breadcrumbs, #breadcrumbs a { }
#content ul li { line-height: 1.75em; }

/******************************************************************************/
/* sdílet */

.share { }
.share .title { font-weight: bold; }
.share .wrap { display: inline-block; margin: 0.25em 0; }
.share a.fa { background: #222; border-radius: 3px; color: #fff; display: inline-block; height: 35px; padding-top: 15px; text-align: center; text-decoration: none; width: 50px; }
.share a.fa:hover { background: #111; }
.share .fa-facebook { /* background: #3c5b9b; */ }
.share .fa-twitter { /* background: #2caae1; */ }
.share .fa-pinterest { /* background: #bc0d1e; display: none; */ }
.share .fa-envelope { /* background: #3b773c; background: #fed74e; color: #222; */ }

.share-top { background: rgba(238, 119, 120, 0.95); left: calc((100% - 1700px) / 2  - 75px); display: none; padding: 10px; position: absolute; text-align: center; top: 100px; width: 50px; z-index: 9; }
.share-top { position: fixed; }
.share-top .title { color: #fff; font-size: 0.75em; line-height: 1.25em; margin-bottom: 0.5em; }

.share-bottom { margin: 1em 0; text-align: right; }
.share-bottom a { display: inline-block; }
.share-bottom .title { display: inline-block; margin-right: 15px; }
.share-bottom .info { margin: 0 15px 0 5px; }
.share-bottom .fb-like { display: inline-block; float: left; }

/******************************************************************************/
/* blog */

.blog { display: inline-block; margin: 10px 10px 30px 10px; overflow: hidden; position: relative; text-decoration: none; vertical-align: top; width: calc(33% - 20px); }
.blog:nth-child(odd) { }
.blog:nth-child(even) { }

.blog .wrap-img { background: #efefef; background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; position: relative; overflow: hidden; width: 100%; }
.blog .background { /* background: rgba(0,0,0,0.5); */ display: none; height: 1000px; position: absolute; width: 100%; }
.blog img { height: auto; width: 100%; }
.blog .title-img { bottom: 1em; color: #fff; display: none; font-weight: bold; width: 100%; z-index: 2; }
.blog .title-img .main-title { }
.blog .title-img small { display: inline-block; margin-top: 0em; }

/* .blog .wrap-img:hover .background, .blog .wrap-img:hover .title-img { display: block; } */
.blog .wrap-img .background, .blog .wrap-img .title-img { display: block; }

.blog .title { display: inline-block; font-weight: bold; margin-top: .5em; }
.blog .date { }

/******************************************************************************/
/* vzkazovník */

.questbook { }
.questbook .title { font-size: 1.5em; margin-bottom: 1em; }
.questbook .comment { border-bottom: 1px solid #ccc; margin-bottom: 2em; padding-bottom: 2em; }
.questbook .name, .questbook .name a { font-weight: bold; }
.questbook .avatar { background: url('../img/avatar.png') center center no-repeat; background-size: contain; border-radius: 25px; display: inline-block; height: 50px; margin-right: 15px; vertical-align: middle; width: 50px; }
.questbook .text {}

.questbook .reply { color: #aaa; font-variant: small-caps; }
.questbook .reply-part { border-left: 1px solid #ccc; margin-top: 1em; padding: 1em 0 1em 2em; }
.questbook .reply-part .comment { border: 0; margin-bottom: 1em; padding: 0; }
.questbook .reply-part .comment:last-child { border: 0; margin: 0;}

/******************************************************************************/
/* vzkazovník - formulář */

.questbook-form { }
.questbook-form-reply { display: none; padding-top: 1em; }
.questbook-form .title { font-size: 1.5em; margin-bottom: 1em; }
.questbook-form .form-text { border: 1px solid #999; border-radius: 3px; margin-bottom: 1em; width: calc(100% - 32px); }
.questbook-form .form-name { border: 1px solid #999; border-radius: 3px; margin-bottom: 1em; margin-right: 10px; width: calc(50% - 42px); }
.questbook-form .form-email { border: 1px solid #999; border-radius: 3px; margin-bottom: 1em; margin-left: 10px; width: calc(50% - 42px); }
.questbook-form .form-web { border: 1px solid #999; border-radius: 3px; display: none; margin-bottom: 1em; width: calc(100% - 32px); }
.questbook-form .button { border-radius: 3px; width: 100%; }
.questbook-form .button:hover { }

/******************************************************************************/
/* o mně */

.about-me { display: inline-block; float: left; margin: 30px 0; vertical-align: top; width: calc(33% - 30px); }
.about-me:nth-child(1) { margin-right: 45px; }
.about-me:nth-child(2) { }
.about-me:nth-child(3) { margin-left: 45px; }
.about-me strong { display: block; min-height: 5em; }

/******************************************************************************/
/* slovní hříčky */

.play-on-words { background: #eee; border: 1px dashed #444; display: inline-block; height: 100px; margin: 5px; padding: 25px; text-align: center; vertical-align: top; width: calc(33% - 60px); }
.play-on-words:nth-child(odd) { background: #ddd; }
.play-on-words:hover { background: #2caae1; color: #fff; cursor: pointer; }

/******************************************************************************/
/* mapa */

#map { text-align: center; }
#google-maps iframe { pointer-events: none; }
#map .content { padding: 0; }

/******************************************************************************/
/* tabulka formulář */

.table-form { }
.table-form td { padding: 5px 10px 5px 0; }
.table-form td input[type="text"], .table-form td input[type="password"], .table-form td input[type="number"], .table-form td textarea, .table-form td .ui-autocomplete-input, .table-form td select { width: 300px; }
.table-form td textarea { height: 108px; }
.table-form td select.code { width: 65px; }
.table-form td input[type="text"].phone { width: 232px; }

/******************************************************************************/
/* kontaktní formulář */

#contact-form { margin: 1em 0 3em 0; }
#mapsitna { display: none; }

/******************************************************************************/
/* newsletter */

#newsletter { }
#newsletter .wrap2a { max-width: 600px; }
#newsletter .content { padding: 50px 0; text-align: center; }
#newsletter, #newsletter a { }

#newsletter .left { }
#newsletter .title { font-size: 1.25em; margin-bottom: .5em; }

#newsletter form { display: block; margin-top: 0.5em; width: 100%; }
#newsletter form .table { width: 100%; }
#newsletter .table td { padding: 0; }
#newsletter input { background: none; border: 1px solid #999; border-radius: 3px; margin-bottom: .5em; padding: 10px; width: calc(300px - 22px); }
#newsletter input[type="submit"] { background: #222; border: 1px solid #222;  border-radius: 3px; color: #fff; width: 150px; }
#newsletter input[type="submit"]:hover { background: #111; }

/******************************************************************************/
/* newsletter - samostatná stránka - formulář */

#newsletter-big {  }
#newsletter-big .content { padding: 100px 0; }

#newsletter-big .left, #newsletter-big .right { display: inline-block; vertical-align: middle; width: 50%; }
#newsletter-big .right { display: none; font-size: 12em; text-align: center; }

#newsletter-big input[type="text"], #newsletter-big input[type="email"] { border: 1px solid #ccc; border-radius: 5px; margin-bottom: .5em; width: calc(100% - 32px); }
#newsletter-big input[type="submit"] { background: var(--yellow); border: 0; border-radius: 5px; width: 100%; }
#newsletter-big input[type="submit"]:hover { background: var(--yellow-hover); }

/******************************************************************************/
/* newsletter - samostatná stránka - info */

#newsletter-info { }
#newsletter-info .content { padding: 50px 0; }

#newsletter-info .title { font-weight: bold; margin-bottom: 1em; }
 
/******************************************************************************/
/* patička pruh */

#foot { }
#foot, #foot a, #foot h2, #foot h3, #foot h4, #foot .h1 { }
#foot .content { padding: 25px 0; }

.table-foot { }

#foot .social-network { margin-bottom: 25px; text-align: center; }
#foot .fa { background: #222; border-radius: 20px; color: #fff; display: inline-block; font-size: 20px; margin: 0 5px; padding: 10px 0; text-align: center; text-decoration: none; width: 40px; }
#foot .faxxx:hover { border-radius: 30px; font-size: 30px; margin: 0 45px; padding: 15px 0; width: 60px; }