// pozadi: #fff text: #534f4c (cerna) nadpisy: #f1a7c4 (zlata) menu: 2c1d14 (jina cerna)  footer pozadi #d2cbc3

@font-face {font-family: 'opensans';src: url('fonts/opensans-bold-webfont.eot');			src: url('fonts/opensans-bold-webfont.eot?#iefix') 				format('embedded-opentype'),     url('fonts/opensans-bold-webfont.woff') 			format('woff'),     url('fonts/opensans-bold-webfont.ttf') 				format('truetype'),     url('fonts/opensans-bold-webfont.svg#open_sansbold') 						format('svg');	font-weight: bold;		font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-bolditalic-webfont.eot');		src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') 		format('embedded-opentype'),     url('fonts/opensans-bolditalic-webfont.woff') 		format('woff'),     url('fonts/opensans-bolditalic-webfont.ttf') 		format('truetype'),     url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') 			format('svg');	font-weight: bold;		font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-italic-webfont.eot');			src: url('fonts/opensans-italic-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-italic-webfont.woff') 			format('woff'),     url('fonts/opensans-italic-webfont.ttf') 			format('truetype'),     url('fonts/opensans-italic-webfont.svg#open_sansitalic') 					format('svg');	font-weight: normal;	font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-light-webfont.eot');			src: url('fonts/opensans-light-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-light-webfont.woff') 			format('woff'),     url('fonts/opensans-light-webfont.ttf') 			format('truetype'),     url('fonts/opensans-light-webfont.svg#open_sanslight') 						format('svg');	font-weight: lighter;	font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-lightitalic-webfont.eot');		src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') 		format('embedded-opentype'),     url('fonts/opensans-lightitalic-webfont.woff') 	format('woff'),     url('fonts/opensans-lightitalic-webfont.ttf') 		format('truetype'),     url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') 		format('svg');	font-weight: lighter;	font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-regular-webfont.eot');			src: url('fonts/opensans-regular-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-regular-webfont.woff') 		format('woff'),     url('fonts/opensans-regular-webfont.ttf') 			format('truetype'),     url('fonts/opensans-regular-webfont.svg#open_sansregular') 					format('svg');	font-weight: normal;	font-style: normal;}

@font-face {
    font-family: 'Exo';
    src: local('Exo SemiBold'), local('Exo-SemiBold'),
        url('fonts/Exo-SemiBold.woff2') format('woff2'),
        url('fonts/Exo-SemiBold.woff') format('woff'),
        url('fonts/Exo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }

/*
@font-face {font-family: 'opensans';src: url('fonts/opensans-extrabold-webfont.eot');		src: url('fonts/opensans-extrabold-webfont.eot?#iefix') 		format('embedded-opentype'),     url('fonts/opensans-extrabold-webfont.woff') 		format('woff'),     url('fonts/opensans-extrabold-webfont.ttf') 		format('truetype'),     url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') 				format('svg');	font-weight: bolder;	font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-extrabolditalic-webfont.eot');	src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') 	format('embedded-opentype'),     url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),     url('fonts/opensans-extrabolditalic-webfont.ttf') 	format('truetype'),     url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');	font-weight: bolder;	font-style: italic;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-semibold-webfont.eot');		src: url('fonts/opensans-semibold-webfont.eot?#iefix') 			format('embedded-opentype'),     url('fonts/opensans-semibold-webfont.woff') 		format('woff'),     url('fonts/opensans-semibold-webfont.ttf') 			format('truetype'),     url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') 				format('svg');	font-weight: semibold;	font-style: normal;}
@font-face {font-family: 'opensans';src: url('fonts/opensans-semibolditalic-webfont.eot');	src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') 	format('embedded-opentype'),     url('fonts/opensans-semibolditalic-webfont.woff') 	format('woff'),     url('fonts/opensans-semibolditalic-webfont.ttf') 	format('truetype'),     url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') 	format('svg');	font-weight: semibold;	font-style: italic;}
*/

.hidden {display:none !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.centered {margin:10px auto;}
td,th {padding:0px 15px 0px 0px;}

*		{ margin:0px; padding:0px; border:0px; line-height: 1.5em; letter-spacing:0.5px; outline-style: none; color:#534f4c;-webkit-text-size-adjust: 100% !important}
body	{ font-family:'opensans',Arial; font-weight:100; font-size:12pt; line-height:1.5em; overflow-y:scroll; background:#ededed; color:#647883; padding:114px 0px 0px 0px; }
.w1000 body {padding:94px 0px 0px 0px;}
.w800 body 	{padding:94px 0px 0px 0px;}
.w400 body 	{padding:64px 0px 0px 0px;}

.wrapper {width:1220px;height:auto;position:relative;margin:0px auto;}
.w1000 .wrapper {width:1000px;}
.w800 .wrapper {width:800px;}
.w400 .wrapper {width:400px;}
.w400 #content .wrapper {background-color: white;padding: 0px 20px;}

.button {font-size:18px;background-color:#aaa;color:white;padding:0px 10px 0px 10px;width:300px;height:40px;line-height:40px;text-align:center;display:block;text-decoration:none;}

#header {height:100px;padding-top:14px;background-color:rgba(251,251,251,1);position:fixed;top:0px;left:0px;right:0px;z-index:10;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}
.w1000 #header, .w800 #header {height:80px;}
.w400 #header {height:60px;padding-top:4px;}
#header #topmenu {display:block;position:absolute;top:0px;left:0px;right:0px;height:24px;line-height:24px;background-color:#16254c;color:white;font-weight:bold;font-size:10px;}
#header #topmenu * {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;text-decoration:inherit;}
#header.small {padding-top:0px;}
#header.small #topmenu {display:none;}

#content {min-height:300px;height:auto !important;height:300px;}

.nomobile #hamburger {display:none;}
.mobile #hamburger {width:30px;height:30px;display:block;position:absolute;top:20px;right:10px;color:black;font-size:25px;text-align:right;}
#header #logo {width:380px;height:100px;position:absolute;top:0px;left:0px;background:url('img/logo.jpg') center left no-repeat;background-size:239px 90px;text-decoration:none;cursor:pointer;overflow:hidden;text-indent:-1000px;}
.w1000 #header #logo {height:80px;width:305px;background-size:auto 50px;}
.w800 #header #logo {height:80px;width:200px;background-size:auto 36px;}
.w400 #header #logo {height:60px;width:150px;background-size:auto 25px;}
#header #menu {height:100px;position:absolute;top:0px;right:0px;}
.w1000 #header #menu,
.w800 #header #menu {height:80px;}
.mobile #header #menu {display:none;}
.mobile #header.hamburgered #menu {display:block;width:350px;height:290px;background-color:rgba(251,251,251,1);top:60px;right:0px;-webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.5);}
.mobile #header.hamburgered #menu a {float:none;height:40px;line-height:40px;text-align:right;padding:0px 20px 0px 20px;}
.mobile #header.hamburgered #menu a:hover,
.mobile #header.hamburgered #menu a.selecet {font-weight:bold;}
#header #menu a {display:block;float:left;height:100px;margin:0px 0px 0px 25px;line-height:100px;position:relative;font-size:18px;color:#647883;text-decoration:none;text-transform:uppercase;}
#header.small #menu a {color:#16254c;}
.w1000 #header #menu a {height:80px;line-height:80px;font-size:16px;}
.w800 #header #menu a {height:80px;line-height:80px;font-size:14px;margin:0px 0px 0px 15px;}
#header #menu a:hover:after,
#header #menu a.selected:after {content:'';display:block;width:25%;position:absolute;top:75px;left:50%;margin-left:-12.5%;height:5px;background-color:#f1a7c4;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.w800 #header #menu a:hover:after,
.w800 #header #menu a.selected:after,
.w1000 #header #menu a:hover:after,
.w1000 #header #menu a.selected:after {top:60px;}
.mobile #header #menu a:hover:after,
.mobile #header #menu a.selected:after {display:none;}

#footer {display:block;position:relative;clear:both;height:92px;background-color:#fff;}
#footer #footer_obr {height:92px;background:url('img/footer.jpg') top center no-repeat;background-size:100% auto;}
#footer #footer_obr span {display:block;position:absolute;bottom:10px;left:0px;right:0px;color:#fff;font-family:'opensans';font-size:14px;text-align:center;}
#footer #footer_obr span * {color:inherit;font-size:inherit;text-decoration:inherit;}
#footer #footer_obr span.copyright1 {left:10px;text-align:left;}
#footer #footer_obr span.copyright2 {left: 10px;text-align: left;top: 10px;}
#footer #footer_obr .wrapper {height:100%;}
.w800 #footer #footer_obr,
.w400 #footer #footer_obr {background-size:1050px auto;}
.w1000 #footer, .w1000 #footer #footer_obr,
.w800 #footer, .w800 #footer #footer_obr,
.w400 #footer, .w400 #footer #footer_obr {height:65px;}
.w400 #footer #footer_obr span {font-size:10px;}

#content h1 {font-family:'Exo','opensans',Arial;font-size:40px;line-height:40px;text-align:left;padding-bottom:20px;padding-top:60px;}
.w800 #content h1 {font-size:30px;}
.w400 #content h1 {font-size:22px;}
#content p {margin:0px 0px 15px 0px;}
#content ul,#content ol {padding:0px 0px 15px 23px;}
#content ul li {list-style-type:square;margin:0px 0px 5px 0px;}
#content ol li {margin:0px 0px 5px 0px;}
#content h2 {color: black;border-radius: 10px;margin: 0px -10px 10px -10px;font-size: 20px;line-height: 30px;padding: 10px;}
#content h3 {background-color: white;color: black;border-radius: 10px;margin: 0px -10px 10px -10px;font-size: 16px;line-height: 24px;padding: 10px;}
#content .text {width:790px;float:left;padding:0px 30px 30px 0px;border-right:1px dotted #d2cbc3;margin:0px 0px 50px 0px;min-height:500px;}
#content .text img {max-width:100%;}
.w1000 #content .text {width:570px;}
.w800 #content .text {width:800px;padding:0px 0px 15px 0px;border:0px;}
.w400 #content .text {width:400px;padding:0px 0px 15px 0px;border:0px;}

#content .anonce {color: white;background-color: #aaa;border-radius: 10px;margin: 20px 0px;font-size: 18px;line-height: 35px;padding: 30px;font-weight:bold;text-align: center;}
#content .small {font-size:70%;}
#content img.right {display:block;float:right;margin: 0px 0px 20px 20px;border-radius:10px;width:25%; }
#content img.left {display:block;float:left;margin: 0px 20px 20px 0px;border-radius:10px;width:25%; }
#content .cenik {width:400px;margin-bottom:30px;}
#content .cenik .label {width:300px; min-height:30px; background-color: #aaa; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; color:white; text-align:right;font-weight:bold; }
#content .cenik .cena  {width:100px; min-height:30px; background-color: white; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; }
#content .kontakt {width:400px;margin-bottom:30px;}
#content .kontakt .label {width:200px; min-height:30px; background-color: #aaa; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; color:white; text-align:right;font-weight:bold; }
#content .kontakt .value  {width:200px; min-height:30px; background-color: white; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; }
#content .pred_po {width:100%;margin-bottom:10px;}
#content .pred_po .pred {width:200px; min-height:30px; background-color: white; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; text-align:center; }
#content .pred_po .po  {width:200px; min-height:30px; background-color: #aaa; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; color:white; text-align:center; }
#content .text .galerie img {width:240px;margin:10px;border-radius:10px;display:inline-block;}
#content .text .galerie_files img  {width:170px;margin:10px;border-radius:10px;display:inline-block;}
#content .opravy-permanentniho-makeupu .text .galerie img,
#content .permanentni-make-up-oboci .text .galerie img {width:375px;}
.w1000 #content .opravy-permanentniho-makeupu .text .galerie img,
.w1000 #content .permanentni-make-up-oboci .text .galerie img {width:260px;}
.w400 #content .text .galerie img  {width:180px;}
.w400 #content .text .galerie_files img {width:110px;}

#content .sloupec {display:block;float:left;margin:0px 30px 30px 0px;}
#content .sloupec.sloupec_pul {width:570px;}
.w1000 #content .sloupec.sloupec_pul {width:470px;}
.w800 #content .sloupec.sloupec_pul {float:none;width:100%;margin:0px 0px 30px 0px;}
.w400 #content .sloupec.sloupec_pul {float:none;width:100%;margin:0px 0px 30px 0px;}

#content .sloupec2 {display:block;margin:0px 30px 30px 0px;width:740px;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.w1000 #content .sloupec2 {width:600px;margin:0px 0px 30px 0px;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.w400 #content .sloupec2 {width:100%;margin:0px 0px 30px 0px;-webkit-column-count:1;-moz-column-count:1;column-count:1;}

#content #home_promo 	{height:345px;background:url('img/mainimage2.jpg') left center no-repeat;background-size:100% auto;position:relative;}
#content #home_promo .motto {display:block;font-family:'Exo','opensans',Arial;font-size:28px;text-transform:uppercase;padding-top:100px;color:#bbb;text-align:center;}
.w1000 #content #home_promo, .w800 #content #home_promo {height:320px;background:url('img/mainimage2.jpg') left center no-repeat;background-size:120% auto;}
.w400 #content #home_promo {height:235px;background:url('img/mainimage2.jpg') left center no-repeat;background-size:auto 150%;}
.w800 #content #home_promo .motto {padding-left:300px;}
.w400 #content #home_promo .motto {font-size: 20px;padding-top: 28px; text-align: right; padding-right: 10px;}

#content #promo 	{height:175px;background:url('img/mainimage2.jpg') center center no-repeat;background-size:100% auto;}

#content .boxy  	{height:600px;}
#content .boxy h2   {height:150px;font-size:48px;line-height:150px;font-weight:lighter;font-style:normal;text-align:center;}
#content .boxy .box {position:relative;width:370px;height:430px;float:left;margin:0px 15px 20px 15px;padding-top:1px;text-decoration:none;}
#content .boxy .box img {display:block;width:100%;}
#content .boxy .box .fa {display:block;text-align:center;font-size:55px;color:#f1a7c4;border:6px solid #f1a7c4;width:88px;height:88px;line-height:88px;margin:0px auto;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
#content .boxy .box h3 {line-height:20px;padding:10px 0px;text-align:left;font-size:18px;text-transform:uppercase;margin:0px;text-indent:0px;}
#content .boxy .box h3:before {content:'';padding:0px;}
#content .boxy .box p {text-align:left;font-size:14px;line-height:18px;}
#content .boxy .box span {position:absolute;bottom:10px;right:10px;display:block;color:#f1a7c4;text-align:right;}
.w1000 #content .boxy .box {width:300px;}
.w800 #content .boxy  {height:1080px;text-align:center;}
.w400 #content .boxy  {height:1550px;text-align:center;}

#content #footer_content {display:block;clear:both;background-color:#f3f4f5;padding:20px 0px;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}

#content .formular {float:left;width:350px;min-height:100px;padding:10px 0px 10px 40px;}
#content .formular input,#content .formular select,
#content .formular textarea {border:1px solid #647883;width:308px;padding:7px 15px;line-height:25px;font-size:18px;margin-bottom:20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#content .formular input.error,#content .formular select.error,#content .formular textarea.error {border-color:red;}
#content .formular select {height:40px;width:340px;}
#content .formular textarea {height:150px;}
#content .formular .button {width:340px;border-radius:10px;}
.w800 #content .formular, .w400 #content .formular {float:none;width:100%;position:static;padding:30px 0px 30px 0px;margin:0px;clear: both;}

#gdpr {display:block;text-align:center;margin:10px 0px 0px 0px;}