body {font-family:'PT Sans',sans-serif; font-size:100%; padding:0; margin:0; background:#2A2F33; color:#ffffff;} h1 {display:none;} h2 {font-size:2em; margin:0; padding:0; font-weight:normal; letter-spacing:.5em; text-align:center; color:#ffffff; margin:0 0 2em 0;} p {margin:0; padding:.4em 0;} a {color:#000000; text-decoration:underline;} a img {border:0;} #obal {width:1140px; max-width:95%; margin:0 auto; background:#000000;} #hlava {} #hlava h1 {display:none;} #hlava:after {content:""; display:table; clear:both;} #telo {background:#22272A;} #telo:after {content:""; display:table; clear:both;} #menu {position:relative; margin:0; padding:.5em 0; background:#000000;} #menu ul {display:flex; justify-content:space-around; list-style-type:none; margin:0; padding:.5em 0;} #menu li {margin:0; text-align:center; align-self:flex-end; background-position:50% 20%; background-repeat:no-repeat;} #menu li:first-child {align-self:center;} #menu ul li a {display:block; min-width:65px; margin:0; padding:5.5em 0 0 0; font-size:.8em; color:#2A2F33; text-decoration:none; cursor:pointer;} #menu li:first-child a {align-self:center; padding:0; min-width:0;} #menu ul#ul-0 {border-top:1px solid #B5B5B5; border-bottom:1px solid #B5B5B5;} #menu li#li-0 {background-image:url("../grafika/menu-ikony/ikona-0-seda.svg");} #menu li#li-0.aktualni {background-image:url("../grafika/menu-ikony/ikona-0-barva.svg");} #menu li#li-0.aktualni a {color:#B5B5B5;} #menu ul#ul-1 {border-top:1px solid #E33F55; border-bottom:1px solid #E33F55;} #menu li#li-1 {background-image:url("../grafika/menu-ikony/ikona-1-seda.svg");} #menu li#li-1.aktualni {background-image:url("../grafika/menu-ikony/ikona-1-barva.svg");} #menu li#li-1.aktualni a {color:#E33F55;} #menu ul#ul-2 {border-top:1px solid #C6A65A; border-bottom:1px solid #C6A65A;} #menu li#li-2 {background-image:url("../grafika/menu-ikony/ikona-2-seda.svg");} #menu li#li-2.aktualni {background-image:url("../grafika/menu-ikony/ikona-2-barva.svg");} #menu li#li-2.aktualni a {color:#C6A65A;} #menu ul#ul-3 {border-top:1px solid #7CB185; border-bottom:1px solid #7CB185;} #menu li#li-3 {background-image:url("../grafika/menu-ikony/ikona-3-seda.svg");} #menu li#li-3.aktualni {background-image:url("../grafika/menu-ikony/ikona-3-barva.svg");} #menu li#li-3.aktualni a {color:#7CB185;} #menu ul#ul-4 {border-top:1px solid #A3B2D2; border-bottom:1px solid #A3B2D2;} #menu li#li-4 {background-image:url("../grafika/menu-ikony/ikona-4-seda.svg"); background-position:50% 40%;} #menu li#li-4.aktualni {background-image:url("../grafika/menu-ikony/ikona-4-barva.svg");} #menu li#li-4.aktualni a {color:#A3B2D2;} #menu ul#ul-5 {border-top:1px solid #98D6C4; border-bottom:1px solid #98D6C4;} #menu li#li-5 {background-image:url("../grafika/menu-ikony/ikona-5-seda.svg"); background-position:50% 40%;} #menu li#li-5.aktualni {background-image:url("../grafika/menu-ikony/ikona-5-barva.svg");} #menu li#li-5.aktualni a {color:#98D6C4;} #menu ul#ul-6 {border-top:1px solid #F8C6DB; border-bottom:1px solid #F8C6DB;} #menu li#li-6 {background-image:url("../grafika/menu-ikony/ikona-6-seda.svg"); background-position:50% 40%;} #menu li#li-6.aktualni {background-image:url("../grafika/menu-ikony/ikona-6-barva.svg");} #menu li#li-6.aktualni a {color:#F8C6DB;} #menu ul#ul-7 {border-top:1px solid #8CC9E0; border-bottom:1px solid #8CC9E0;} #menu li#li-7 {background-image:url("../grafika/menu-ikony/ikona-7-seda.svg"); background-position:20% 30%;} #menu li#li-7.aktualni {background-image:url("../grafika/menu-ikony/ikona-7-barva.svg");} #menu li#li-7.aktualni a {color:#8CC9E0;} #neexistuje {font-size:2em; color:#ffffff; text-align:center; padding:5em 0;} #pata {clear:both; margin:0; padding:0; background:#000000;} #pata .tiraz {clear:both; width:100%; padding:.3em 0; font-size:.6em; color:#2A2F33; text-align:center;} #pata .tiraz a {color:#2A2F33; text-decoration:none;} /* ... */ .nadpispata {display:block; margin:0; padding:.6em 0; text-align:center; color:#000000; letter-spacing:.2em; font-size:2em;} /* uvodni stranka */ #uvod-body {background:url('../grafika/pozadi/pozadi_2000.jpg') center center no-repeat; width:100%; height:100%; background-size:cover; background-attachment:fixed;} #uvod-obal {position:absolute; bottom:4em; width:100%; margin:0; text-align:center;} #uvod-obal img {width:25%; min-width:260px; height:auto;} #langmenu {margin:1em 0 0 0; font-size:1.5em; letter-spacing:.2em; color:#ffffff;} #langmenu a {color:#000000; text-decoration:none;} /* stranka cz|en */ #uvod2-obal {background:#2A2F33; padding-top:3em; display:flex;} #uvod2-obal>div>div {float:left; width:100%; height:0; background-size:cover;} #uvod2-obal>div>div a {display:block; width:100%; height:0; text-decoration:none; position:relative;} #uvod2-sloupec1 {width:24.779542%;} #uvod-01 {background:url('../grafika/pozadi/uvod-01.jpg') center center no-repeat; padding-bottom:124.911032%;} #uvod-01 a {padding-bottom:124.911032%; background: rgba(0, 0, 0, 0.7); color:#B5B5B5;} #uvod-01 a span {display:block; position:absolute; bottom:25%; height:0; width:100%; margin:0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-0-barva.svg") 50% 50% no-repeat;} #uvod-01:hover a {background:none;} #uvod-01:hover a span {display:none;} #uvod-02 {background:url('../grafika/pozadi/uvod-02.jpg') center center no-repeat; padding-bottom:92.882562%;} #uvod-02 a {padding-bottom:92.882562%; background: rgba(0, 0, 0, 0.7); color:#A3B2D2;} #uvod-02 a span {display:block; position:absolute; bottom:25%; height:0; width:100%; margin:0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-4-barva.svg") 50% 50% no-repeat;} #uvod-02:hover a {background:none;} #uvod-02:hover a span {display:none;} #uvod-03 {background:url('../grafika/pozadi/uvod-03.jpg') center center no-repeat; padding-bottom:49.11032%;} #uvod-03 span {display:block; width:100%; height:0; padding-bottom:49.11032%; background: rgba(0, 0, 0, 0.7);} #uvod2-sloupec2 {width:31.216931%;} #uvod-04 {background:url('../grafika/pozadi/uvod-04.jpg') center center no-repeat; padding-bottom:51.129944%;} #uvod-04 a {padding-bottom:51.129944%; background: rgba(0, 0, 0, 0.7); color:#E33F55;} #uvod-04 a span {display:block; position:absolute; bottom:25%; height:0; width:40%; margin:0 60% 0 0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-1-barva.svg") 50% 50% no-repeat;} #uvod-04:hover a {background:none;} #uvod-04:hover a span {display:none;} #uvod-05 {background:url('../grafika/pozadi/uvod-05.jpg') center center no-repeat; padding-bottom:63.841808%;} #uvod-05 a {padding-bottom:63.841808%; background: rgba(0, 0, 0, 0.7); color:#7CB185;} #uvod-05 a span {display:block; position:absolute; bottom:25%; height:0; width:100%; margin:0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-3-barva.svg") 50% 50% no-repeat;} #uvod-05:hover a {background:none;} #uvod-05:hover a span {display:none;} #uvod-06 {background:url('../grafika/pozadi/uvod-06.jpg') center center no-repeat; width:58.474576% !important; padding-bottom:96.892655%;} #uvod-06 span {display:block; width:100%; height:0; padding-bottom:165.700483%; background: rgba(0, 0, 0, 0.7);} #uvod-07 {background:url('../grafika/pozadi/uvod-07.jpg') center center no-repeat; width:41.525424% !important; padding-bottom:96.892655%;} #uvod-07 span {display:block; width:100%; height:0; padding-bottom:233.333331%; background: rgba(0, 0, 0, 0.7);} #uvod2-sloupec3 {width:24.338624%;} #uvod-08 {background:url('../grafika/pozadi/uvod-08.jpg') center center no-repeat; padding-bottom:169.565217%;} #uvod-08 a {padding-bottom:169.565217%; background: rgba(0, 0, 0, 0.7); color:#C6A65A;} #uvod-08 a span {display:block; position:absolute; bottom:25%; height:0; width:100%; margin:0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-2-barva.svg") 50% 50% no-repeat;} #uvod-08:hover a {background:none;} #uvod-08:hover a span {display:none;} #uvod-09 {background:url('../grafika/pozadi/uvod-09.jpg') center center no-repeat; padding-bottom:102.173913%;} #uvod-09 a {padding-bottom:102.173913%; background: rgba(0, 0, 0, 0.7); color:#98D6C4;} #uvod-09 a span {display:block; position:absolute; top:15%; height:0; width:40%; margin:0 0 0 50%; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-5-barva.svg") 50% 50% no-repeat;} #uvod-09:hover a {background:none;} #uvod-09:hover a span {display:none;} #uvod2-sloupec4 {width:19.664903%;} #uvod-10 {background:url('../grafika/pozadi/uvod-10.jpg') center center no-repeat; padding-bottom:76.233184%;} #uvod-10 a {padding-bottom:76.233184%; background: rgba(0, 0, 0, 0.7); color:#8CC9E0;} #uvod-10 a span {display:block; position:absolute; bottom:25%; height:0; width:100%; margin:0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-7-barva.svg") 50% 50% no-repeat;} #uvod-10:hover a {background:none;} #uvod-10:hover a span {display:none;} #uvod-11 {background:url('../grafika/pozadi/uvod-11.jpg') center center no-repeat; padding-bottom:185.650224%;} #uvod-11 a {padding-bottom:185.650224%; background: rgba(0, 0, 0, 0.7); color:#F8C6DB;} #uvod-11 a span {display:block; position:absolute; bottom:25%; height:0; width:100%; margin:0; padding:4.5em 0 0 0; text-align:center; background:url("../grafika/menu-ikony/ikona-6-barva.svg") 50% 50% no-repeat;} #uvod-11:hover a {background:none;} #uvod-11:hover a span {display:none;} #uvod-12 {background:url('../grafika/pozadi/uvod-12.jpg') center center no-repeat; padding-bottom:74.439462%;} #uvod-12 span {display:block; width:100%; height:0; padding-bottom:74.439462%; background: rgba(0, 0, 0, 0.7);} /* fotogalerie */ .foto-obal {width:31%; outline:1px solid #ffffff;} .foto-nadpis {color:#22272A; text-align:center; padding:.2em .5em;} .foto {width:100%; height:0; padding-bottom:60.5%;} /* stranka 00 (model mesice) */ #str00 {padding:0 2em 2em 2em;} #str00 #d00-video {width:100%; height:0; padding-bottom:60%; margin:0; outline:1px solid #ffffff;} #str00 #d00-galerie {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0;} #str00 #d00-galerie .foto-obal {margin-top:2.5em; background:#B5B5B5;} #str00 #d00-galerie .foto-nadpis {} #str00 #d00-galerie .foto img {max-width:100%;} /* stranka 01 (kdo jsme) */ #str01 {padding:2em;} #str01 #d01-foto {width:100%; margin:0 0 1.5em 0;} #str01 #d01-foto img {width:100%;} #str01 #d01-text {text-align:justify;} #str01 #d01-galerie {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0;} #str01 #d01-galerie .foto-obal {margin-top:2.5em; background:#B5B5B5;} #str01 #d01-galerie .foto-nadpis {} #str01 #d01-galerie .foto img {max-width:100%;} /* stranka 02 (damske modely) */ #str02 {display:flex;} #str02>div>div {background-size:cover;} #str02-sloupec1 {width:50%;} #d02-01 {float:left; width:80%; height:0; margin:0; padding-bottom:58%; background:url('../grafika/pozadi/02-01.jpg') center center no-repeat;} #d02-02 {float:left; width:20%; height:0; margin:31% 0 0 0; padding-bottom:27%; background:url('../grafika/pozadi/02-02.jpg') center center no-repeat;} #d02-03 {float:left; width:39%; height:0; margin:0; padding-bottom:62%; background:url('../grafika/pozadi/02-03.jpg') center center no-repeat;} #d02-04 {float:left; width:61%; height:0; margin:0; padding-bottom:23%; background:url('../grafika/pozadi/02-04.jpg') center center no-repeat;} #d02-05 {float:left; width:61%; height:0; margin:0; padding-bottom:39%; background:url('../grafika/pozadi/02-05.jpg') center center no-repeat;} #str02-sloupec2 {width:50%;} #d02-06 {float:right; width:120%; height:0; margin:0; padding-bottom:31%;} #d02-06 div {display:inline-block; width:12.666666%; height:0; margin:0 2%; padding-bottom:24%; background:url('../grafika/pozadi/nuzky.svg') center center no-repeat; background-size:auto 80% !important;} #d02-07 {float:left; width:50%; height:0; margin:0; padding-bottom:59%; background:url('../grafika/pozadi/02-07.jpg') center center no-repeat;} #d02-08 {float:right; width:50%; height:0; margin:0; padding-bottom:25%; background:url('../grafika/pozadi/02-08.jpg') center center no-repeat;} #d02-09 {clear:left; width:50%; height:0; margin:0; padding-bottom:30%; background:url('../grafika/pozadi/02-09.jpg') center center no-repeat;} #d02-10 {float:right; width:50%; height:0; margin:-64% 0 0 0; padding-bottom:64%; background:url('../grafika/pozadi/02-10.jpg') center center no-repeat;} /* stranka 03 (obleky na miru) */ #str03>div {background-size:cover;} #d03-01 {float:left; width:39%; height:0; margin:0; padding-bottom:26%; background:url('../grafika/pozadi/03-01.jpg') center center no-repeat;} #d03-02 {float:left; width:43%; height:0; margin:0; padding-bottom:26%; background:url('../grafika/pozadi/03-02.jpg') center center no-repeat;} #d03-03 {float:left; width:18%; height:0; margin:0; padding-bottom:36%; background:url('../grafika/pozadi/03-03.jpg') center center no-repeat;} #d03-04 {float:left; width:53%; height:0; margin:-10% 0 0 29%; padding-bottom:10%; background:url('../grafika/pozadi/nuzky.svg') 3% center no-repeat; background-size:auto 80% !important;} #d03-04 div {margin:.2em 0 .2em 18%; text-align:center; display:flex; flex-wrap:nowrap; align-items:center;} #d03-04 div p {padding:0 .2em;} #d03-04 div p img {max-width:6.7em;} #d03-05 {float:left; width:29%; height:0; margin:-10% 0 0 0; padding-bottom:34%; background:url('../grafika/pozadi/03-05.jpg') center center no-repeat;} #d03-06 {float:left; width:42%; height:0; margin:0; padding-bottom:24%; background:url('../grafika/pozadi/03-06.jpg') center center no-repeat;} #d03-07 {float:left; width:29%; height:0; margin:0; padding-bottom:24%; background:url('../grafika/pozadi/03-07.jpg') center center no-repeat;} /* stranka 04 (kosile na miru) */ #str04 {display:flex;} #str04>div>div {background-size:cover;} #str04-sloupec1 {width:25%;} #d04-01 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-01.jpg') center center no-repeat;} #d04-02 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-02.jpg') center center no-repeat;} #d04-03 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-03.jpg') center center no-repeat;} #str04-sloupec2 {width:50%;} #d04-04 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-04.jpg') center center no-repeat;} #d04-05 {width:100%; height:0; margin:0; padding-bottom:40%;} #d04-05 div {display:inline-block; width:29.333333%; height:0; margin:0 2%; padding-bottom:40%; background:url('../grafika/pozadi/nuzky.svg') center center no-repeat; background-size:auto 80% !important;} #str04-sloupec3 {width:25%;} #d04-06 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-06.jpg') center center no-repeat;} #d04-07 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-07.jpg') center center no-repeat;} #d04-08 {width:100%; height:0; margin:0; padding-bottom:80%; background:url('../grafika/pozadi/04-08.jpg') center center no-repeat;} /* stranka 05 (latky) */ #str05>div {background-size:cover;} #d05-01 {float:left; width:15%; height:0; margin:0; padding-bottom:25%; background:url('../grafika/pozadi/05-01.jpg') center center no-repeat;} #d05-02 {float:left; width:31%; height:0; margin:0; padding-bottom:25%; background:url('../grafika/pozadi/05-02.jpg') center center no-repeat;} #d05-03 {float:left; width:15%; height:0; margin:0; padding-bottom:25%; background:url('../grafika/pozadi/05-03.jpg') center center no-repeat;} #d05-04 {float:left; width:39%; height:0; margin:0; padding-bottom:25%; background:url('../grafika/pozadi/05-04.jpg') center center no-repeat;} #d05-05 {float:left; width:77%; height:0; margin:0; padding-bottom:11%; background:url('../grafika/pozadi/nuzky.svg') 2% center no-repeat; background-size:auto 80% !important;} #d05-05 div {margin:.2em 3% .2em 15%; text-align:center; display:flex; flex-wrap:nowrap; align-items:center;} #d05-05 div p {padding:0 .2em;} #d05-06 {float:left; width:23%; height:0; margin:0; padding-bottom:11%; background:url('../grafika/pozadi/05-06.jpg') center center no-repeat;} #d05-07 {float:left; width:42%; height:0; margin:0; padding-bottom:24%; background:url('../grafika/pozadi/05-07.jpg') center center no-repeat;} #d05-08 {float:left; width:29%; height:0; margin:0; padding-bottom:24%; background:url('../grafika/pozadi/05-08.jpg') center center no-repeat;} #d05-09 {float:left; width:29%; height:0; margin:0; padding-bottom:24%; background:url('../grafika/pozadi/05-09.jpg') center center no-repeat;} /* stranka 06 (jak sijeme) */ #str06 {padding:0 2em 2em 2em;} #str06 #d06-galerie {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0;} #str06 #d06-galerie .foto-obal {margin-top:2.5em; background:#F3C7DB;} #str06 #d06-galerie .foto-nadpis {} #str06 #d06-galerie .foto img {max-width:100%;} /* stranka 07 (kontakt) */ #str07 {padding:2em;} .formular {margin:0; padding:0; width:100%; text-align:center;} .formular input, .formular textarea {display:block; margin:1em auto; width:60%; padding:.3em; font-family:'Open Sans', sans-serif; font-size:1em; border:0; color:#ffffff; background:#2A2F33;} .formular textarea {height:12em;} .formular input.submit {width:20%; height:3em; color:#ffffff; background:#2A2F33; min-width:200px; margin:.3em auto 0 auto;} .form-error {display: block; color:#ff0000; margin:0;} #odkazy-facebook {display:flex; flex-wrap:nowrap; justify-content:center; margin:2em 0 0 0;} #odkazy-facebook a {background:url('../grafika/logo-fcb.svg') center left no-repeat; background-size:1.5em; color:#FFFFFF; font-size:.9em; text-decoration:none; margin:0 2em; padding:1em 0 1em 2.3em;} /* media queries */ @media screen and (max-width:1200px) { /* stranka 03 (obleky na miru) */ #d03-01 {width:41%;} #d03-02 {width:45%;} #d03-03 {width:14%; padding-bottom:26%;} #d03-04 {width:100%; height:auto; margin:0; padding:0; background:none;} #d03-04 div {margin:.2em 3%;} #d03-05 {width:21%; margin:0; padding-bottom:24%;} #d03-06 {width:45%;} #d03-07 {width:34%;} /* stranka 05 (latky) */ #d05-05 {width:100%; height:auto; padding:0; background:none;} #d05-05 div {margin:.2em 3%;} #d05-06 {display:none;} } @media screen and (max-width:960px) { #menu ul {flex-wrap:wrap;} #menu ul li {width:30%; margin:.5em 0; background-position:50% 20% !important;} #menu li#li-4, #menu li#li-5, #menu li#li-7 {background-position:50% 40% !important;} #menu li#li-7 {background-position:48% 30% !important;} .foto-obal {width:47%;} .formular input, .formular textarea {width:90%;} } @media screen and (max-width:800px) { #obal {max-width:100%;} #uvod2-obal {flex-wrap:wrap; padding-top:0;} #uvod2-sloupec1 {width:44.251969%;} #uvod2-sloupec2 {width:55.748031%;} #uvod2-sloupec3 {width:55.310621%;} #uvod2-sloupec4 {width:44.689379%;} } @media screen and (max-width:640px) { #str01 #d01-text {padding:0 1em 1em 1em;} #str00, #str01, #str06 {padding:0;} #str00 #d00-galerie .foto-obal, #str01 #d01-galerie .foto-obal, #str06 #d06-galerie .foto-obal {margin-top:0; width:50%;} #odkazy-facebook {flex-wrap:wrap;} } @media screen and (max-width:480px) { #uvod2-obal>div {width:100% !important;} #uvod2-obal>div>div {padding-bottom:8em !important;} #uvod2-obal>div>div>a {padding:1em 0 7em 0 !important;} #uvod2-obal>div>div>a>span {position:relative !important; width:100% !important; margin:0 !important; padding:4.5em 0 0 0 !important;} #uvod-03, #uvod-06, #uvod-07, #uvod-12 {display:none;} .foto-obal {width:50%; margin:0 !important;} /* #str00, #str01, #str06 {padding:0 0 2em 0;} */ #str01 #d01-text {padding:0 1em 1em 1em;} }