/*
    Base (author: mail@jandousek.cz)
    ********************************
*/

@import url(framework.min.css);

/*
    FontFace
    ********
*/

@font-face {
    font-family: 'Tex';
    src: url('fonts/texgyreadventor-regular-webfont.eot');
    src: url('fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-regular-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tex';
    src: url('fonts/texgyreadventor-italic-webfont.eot');
    src: url('fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-italic-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Tex';
    src: url('fonts/texgyreadventor-bold-webfont.eot');
    src: url('fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bold-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Tex';
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* --- */

html, body {
	min-height: 100%;
}
body {
	background-color: #fff;
  font: 85% 'Open Sans', Helvetica, sans-serif;
	color: #a3a2a6;
}

/* --- */

a {
   color: #e52004;
}
a:hover {
   color: #181619;
}

/* --- */

img {
  max-width: 100%;
  height: auto;
  display: block;
}
input, select, textarea {
	font: normal 100% 'Roboto', Helvetica, sans-serif;
}
main {
	display: block;
}

/*
	Tlacitka
	********
*/

.btn {
	display: inline-block;
	padding: 9px 19px 11px 18px;
	border: 3px solid #aea29e;
	text-decoration: none;
	font: bold 13px 'Tex', Helvetica, sans-serif;
	color: #271e2b;
}

/* Stavy */

.btn:hover {
	background-color: #271e2b;
	border-color: #271e2b;
	color: #fff;
}


/*
	Hlavicka
	********
*/

.docHeader {
	position: relative;
	z-index: 10;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/*
	Logo
	----
*/

.docHeader .logo {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 25px 0 23px 34px;
	text-indent: -200%;
}

/*
	Navigace
	--------
*/

.docHeader .nav {
	float: right;
	padding: 0 30px;
}
.docHeader .nav ul {
	overflow: hidden;
}
.docHeader .nav ul li {
	float: left;
}
.docHeader .nav ul li a {
	display: block;
	padding: 38px 41px 41px 41px;
	text-decoration: none;
	font: bold 18px 'Tex', Helvetica, sans-serif;
	color: #a3a2a6;
}

/*
	Trigger
*/

.docHeader .navTrigger {
	float: right;
	display: none;
	padding: 25px 20px;
}

/* Stavy */

.docHeader .nav ul li a:hover,
.docHeader .nav ul li.current-menu-item a {
	color: #271e2b;
}


/*
	Paticka
	*******
*/

.docFooter {
	overflow: hidden;
	padding: 33px 20px 0 20px;
	background-color: #d6cdca;
	color: #271e2b;
}
.docFooter .docFooterCenter {
	width: 1050px;
	margin: 0 auto;
}

/*
	Sloupce
	-------
*/

.docFooter .col {
	float: left;
	margin-bottom: 38px;
}
.docFooter .col.alignRight {
	float: right;
	margin-right: 60px;
}
.docFooter .col.typeAddress {
	overflow: hidden;
	padding-left: 134px;
	background: url('../img/homepage-contact-contactContent-col_typeAddress.png') left 17px no-repeat;
}

/*
	Titulky
	-------
*/

.docFooter .title {
	margin-bottom: 7px;
	font: bold 22px 'Tex', Helvetica, sans-serif;
}
.docFooter .title:after {
	content: '';
	width: 75px;
	height: 3px;
	display: block;
	margin-top: 8px;
	background-color: #aea29e;
}

/*
	Bloky
	-----
*/

.docFooter address {
	float: left;
	line-height: 1.45;
	font-size: 18px;
}
.docFooter p {
	margin-bottom: 5px;
	line-height: 1.7 !important;
	font-size: 14px;
}
.docFooter p b {
	margin-top: -1px;
	font-weight: 600;
	font-size: 18px;
}

/*
	Odkaz na mapu
	-------------
*/

.docFooter .mapLink {
	float: right;
	margin: 5px 0 0 33px;
}

/*
	Hlavicka sluzeb
	***************
*/

.servicesHeader {
	padding: 63px 20px 50px 20px;
	background: #e9e6e6 url('../img/servicesHeader.jpg') center center no-repeat;
	background-size: cover;
	text-align: center;
	color: #7d7c81;
}

/*
	Titulek
	-------
*/

.servicesHeader .title {
	width: 780px;
	margin: 0 auto 23px auto;
	font: 36px 'Tex', Helvetica, sans-serif;
	color: #271e2b;
}

/*
	Bloky
	-----
*/

.servicesHeader p {
	width: 780px;
	margin: 0 auto 10px auto;
	line-height: 1.75;
	font-size: 14px;
}

/*
	Navigace
	--------
*/

.servicesHeader .servicesHeaderNav {
	margin: 35px 0 20px 0;
}
.servicesHeader .servicesHeaderNav ul li {
	display: inline-block;
}
.servicesHeader .servicesHeaderNav ul li a {
	position: relative;
	display: block;
	padding: 95px 32px 10px 32px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #faf7f7;
	font: bold 20px 'Tex', Helvetica, sans-serif;
	color: #7d7c81;
}
.servicesHeader .servicesHeaderNav ul li a:before {
	content: '';
	width: 88px;
	height: 88px;
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	margin-left: -44px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 100%;
}

/*
	Ikony
*/

.servicesHeader .servicesHeaderNav ul li.iconHairdryer a:before {
	background-image: url('../img/icons/hairdryer.png');
}
.servicesHeader .servicesHeaderNav ul li.iconDispenser a:before {
	background-image: url('../img/icons/dispenser.png');
}
.servicesHeader .servicesHeaderNav ul li.iconFingernail a:before {
	background-image: url('../img/icons/fingernail.png');
}
.servicesHeader .servicesHeaderNav ul li.iconSlippers a:before {
	background-image: url('../img/icons/slippers.png');
}
.servicesHeader .servicesHeaderNav ul li.iconMaderoterapie a:before {
	background-image: url('../img/icons/maderoterapie.png');
}
/* Stavy */

.servicesHeader .servicesHeaderNav ul li a:hover,
.servicesHeader .servicesHeaderNav ul li.isActive a {
	color: #271e2b;
}
.servicesHeader .servicesHeaderNav ul li a:hover:before,
.servicesHeader .servicesHeaderNav ul li.isActive a:before {
	background-color: #edeaea;
}
.servicesHeader .servicesHeaderNav ul li.iconHairdryer a:hover:before,
.servicesHeader .servicesHeaderNav ul li.iconHairdryer.isActive a:before {
	background-image: url('../img/icons/hairdryerDark.png');
}
.servicesHeader .servicesHeaderNav ul li.iconDispenser a:hover:before,
.servicesHeader .servicesHeaderNav ul li.iconDispenser.isActive a:before {
	background-image: url('../img/icons/dispenserDark.png');
}
.servicesHeader .servicesHeaderNav ul li.iconFingernail a:hover:before,
.servicesHeader .servicesHeaderNav ul li.iconFingernail.isActive a:before {
	background-image: url('../img/icons/fingernailDark.png');
}
.servicesHeader .servicesHeaderNav ul li.iconSlippers a:hover:before,
.servicesHeader .servicesHeaderNav ul li.iconSlippers.isActive a:before {
	background-image: url('../img/icons/slippersDark.png');
}
.servicesHeader .servicesHeaderNav ul li.iconMaderoterapie a:hover:before,
.servicesHeader .servicesHeaderNav ul li.iconMaderoterapie.isActive a:before {
	background-image: url('../img/icons/maderoterapieDark.png');
}

/*
	Paticka sluzeb
	**************
*/

.servicesFooter {
	padding: 35px 20px;
	background: #e9e5e5 url('../img/servicesFooter.jpg') center center no-repeat;
	background-size: cover;
	text-align: center;
}

/*
	Texty
	-----
*/

.servicesFooter p {
	line-height: 1.6;
	font: 36px 'Tex', Helvetica, sans-serif;
	color: #443949;
}

/*
	Sluzba
	******
*/

.serviceItem {
	border-bottom: 2px solid #e1dddd;
}
.serviceItem.posLast {
	border-bottom: none;
}
.serviceItem .serviceItemDesc {
	width: 550px;
	margin: 0 auto;
	padding: 65px 50px 65px 550px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.serviceItem .serviceItemDesc.alignLeft {
	padding-left: 50px;
	padding-right: 550px;
	background-position: right bottom;
}

/*
	Hlavicka
	--------
*/

.serviceItem .serviceItemHeader {
	margin-bottom: 14px;
}
.serviceItem .serviceItemHeader .title {
	position: relative;
	display: inline-block;
	font: 36px 'Tex', Helvetica, sans-serif;
	color: #443949;
}
.serviceItem .serviceItemHeader .title:after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	right: -80px;
	top: -7px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*
	Bloky
	-----
*/

.serviceItem p {
	margin-bottom: 12px;
	line-height: 1.7;
	font-size: 14px;
}
.serviceItem p.price {
	margin-bottom: 0;
	line-height: 1;
	font: bold 26px 'Tex', Helvetica, sans-serif;
	color: #443949;
}

/*
	Tabulky
	--------
*/

.serviceItem table {
	width: 100%;
	margin: 25px 0;
	border-top: 1px solid #efecec;
	font: bold 15px 'Tex', Helvetica, sans-serif;
	color: #443949;
}
.serviceItem table th,
.serviceItem table td {
	padding: 13px 0 15px 0;
	border-bottom: 1px solid #efecec;
	line-height: 1.4;
}
.serviceItem table th {
	padding-right: 20px;
	text-align: left;
	font-weight: normal;
}
.serviceItem table td {
	text-align: right;
}

/*
	Paticka
	-------
*/

.serviceItem .serviceItemFooter {
	overflow: hidden;
	margin-top: 26px;
	padding-top: 25px;
	border-top: 1px solid #efecec;
}
.serviceItem .serviceItemFooter.noBorder {
	padding-top: 0;
	border-top: none;
}

/*
	Uprava obsahu
*/

.serviceItem .serviceItemFooter p.price {
	float: left;
	margin-top: 5px;
}
.serviceItem .serviceItemFooter .btn {
	float: right;
	padding-left: 38px;
	padding-right: 38px;
	margin-left: 10px;
}

/*
	Typy
	----
*/

.serviceItem .serviceItemDesc.typeHairdryer {
	background-image: url('../img/serviceItem-serviceItemDesc_typeHairdryer.jpg');
	background-position: left bottom;
}
.serviceItem .serviceItemDesc.typeHairdryer.alignLeft {
	background-position: right bottom;
}
.serviceItem .serviceItemDesc.typeHairdryer .serviceItemHeader .title:after {
	background-image: url('../img/icons/hairdryerLight.png');
}
.serviceItem .serviceItemDesc.typeDispenser {
	background-image: url('../img/serviceItem-serviceItemDesc_typeDispenser.jpg');
	background-position: left center;
}
.serviceItem .serviceItemDesc.typeDispenser.alignLeft {
	background-position: right center;
}
.serviceItem .serviceItemDesc.typeDispenser .serviceItemHeader .title:after {
	background-image: url('../img/icons/dispenserLight.png');
}
.serviceItem .serviceItemDesc.typeFingernail {
	background-image: url('../img/serviceItem-serviceItemDesc_typeFingernail.jpg');
	background-position: left bottom;
}
.serviceItem .serviceItemDesc.typeFingernail.alignLeft {
	background-position: right bottom;
}
.serviceItem .serviceItemDesc.typeFingernail .serviceItemHeader .title:after {
	background-image: url('../img/icons/fingernailLight.png');
}

.serviceItem .serviceItemDesc.typeSlippers {
	background-image: url('../img/serviceItem-serviceItemDesc_typeSlippers.jpg');
	background-position: left top;
}
.serviceItem .serviceItemDesc.typeSlippers.alignLeft {
	background-position: right top;
}
.serviceItem .serviceItemDesc.typeSlippers .serviceItemHeader .title:after {
	background-image: url('../img/icons/slippersLight.png');
}

.serviceItem .serviceItemDesc.typeMaderoterapie {
	background-image: url('../img/serviceItem-serviceItemDesc_typemaderoterapie.jpg');
	background-position: left top;
}

.serviceItem .serviceItemDesc.typeMaderoterapie.alignLeft {
	background-position: right top;
}

.serviceItem .serviceItemDesc.typeMaderoterapie .serviceItemHeader .title:after {
	background-image: url('../img/icons/maderoterapieLight.png');
}

/*
	Uvodni stranka
	**************
*/

.homepage {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url('../img/homepage.jpg') no-repeat;
	background-size: cover;
}

/*
	Logo
	----
*/

.homepage .logo,
.homepage .logo span {
	width: 240px;
	height: 116px;
}
.homepage .logo {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 50px 0 0 60px;
	text-indent: -200%;
}
.homepage .logo span {
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	background: url('../img/logo.png') no-repeat;
}

/*
	Navigace
	--------
*/

.homepage .nav {
	float: left;
	padding: 0 9px 0 15px;
  margin-top: 50px;
}
.homepage .nav ul {
	overflow: hidden;
}
.homepage .nav ul li {
 /*	float: left; */
}
.homepage .nav ul li a {
	display: block;
	padding: 5px 35px 5px 35px;
	text-decoration: none;
	font: bold 20px 'Tex', Helvetica, sans-serif;
	color: #a3a2a6;
  text-transform: uppercase;
}

/*
	Trigger
*/

.homepage .navTrigger {
	float: right;
	display: none;
	padding: 25px 20px;
}

/* Stavy */

.homepage .nav ul li a:hover,
.homepage .nav ul li.current-menu-item a {
	color: #271e2b;
}

/*
	Promo
	-----
*/

.homepage .promo {
	width: 535px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-bottom: 36px;
	background-color: #fff;
	color: #a3a2a6;
}

/*
	Polozka
*/

.homepage .promo .promoItem {
	padding: 44px 60px 73px 60px;
	/*background: url('../img/homepage-promo-promoItem.png') 63px 330px no-repeat;*/
    
}

/*
	Titulek
*/

.homepage .promo .promoItem .title {
	margin-bottom: 17px;
	text-indent: -2px;
	font: 36px 'Tex', Helvetica, sans-serif;
	color: #443949;
}
.homepage .promo .promoItem .title:after {
	content: '';
	width: 75px;
	height: 3px;
	display: block;
	margin-top: 14px;
	background-color: #d6cdca;
}

/*
	Bloky
*/

.homepage .promo .promoItem p {
	margin-bottom: 10px;
	line-height: 1.75;
	font-size: 14px;
}
.homepage .promo .promoItem p b,
.homepage .promo .promoItem p strong {
	color: #7d7c81;
}

/*
	Sipky
*/

.homepage .promo .bx-controls {
	width: 81px;
	height: 40px;
	position: absolute;
	right: 0;
	top: -40px;
	overflow: hidden;
}
.homepage .promo.hideControls .bx-controls {
	display: none;
}
.homepage .promo .bx-controls a {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	background-color: #d6cdca;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -100%;
}
.homepage .promo .bx-controls a.bx-prev {
	float: left;
	background-image: url('../img/homepage-promo-bx-controls-a_bx-prev.png');
}
.homepage .promo .bx-controls a.bx-next {
	float: right;
	background-image: url('../img/homepage-promo-bx-controls-a_bx-next.png');
}

/* Stav */

.homepage .promo .bx-controls a:hover {
	background-color: #443949;
}

/*
	Kontakt
	-------
*/

.homepage .contact {
	position: absolute;
	left: 0;
	right: 535px;
	bottom: 0;
}
.homepage .contact .contactTitle {
	display: none;
}

/*
	Navigace
*/

.homepage .contact .contactNav,
.homepage .contact .contactNav ul {
	overflow: hidden;
}
.homepage .contact .contactNav ul {
	float: left;
}
.homepage .contact .contactNav ul li {
	float: left;
	margin-right: 1px;
}
.homepage .contact .contactNav ul li a {
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	background-color: #aea29e;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -200%;
}

/* Ikony */

.homepage .contact .contactNav ul li.iconPin a {
	background-image: url('../img/contactNavIcons/pin.png');
}
.homepage .contact .contactNav ul li.iconFacebook a {
	background-image: url('../img/contactNavIcons/facebook.png');
}
.homepage .contact .contactNav ul li.iconInstagram a {
	background-image: url('../img/contactNavIcons/instagram.png');
}

/* Stavy */

.homepage .contact .contactNav ul li a:hover,
.homepage .contact .contactNav ul li.isActive a {
	background-color: #d6cdca;
}

/* Telefon */

.homepage .contact .contactNav .phone {
	min-height: 53px;
	float: left;
	padding: 17px 24px 0 60px;
	background: #fff url('../img/contactNavIcons/phone.png') 21px 22px no-repeat;
	text-decoration: none;
	font: bold 22px 'Tex', Helvetica, sans-serif;
	color: #271e2b;
}

/*
	Obsah
*/

.homepage .contact .contactContent {
	overflow: hidden;
	padding: 33px 50px 0 93px;
	background-color: #d6cdca;
	color: #271e2b;
}

/* Sloupce */

.homepage .contact .contactContent .col {
	float: left;
	margin-bottom: 38px;
}
.homepage .contact .contactContent .col.typeAddress {
	overflow: hidden;
	padding-left: 134px;
	margin-right: 115px;
	background: url('../img/homepage-contact-contactContent-col_typeAddress.png') left 17px no-repeat;
}

/* Titulky */

.homepage .contact .contactContent .title {
	margin-bottom: 7px;
	font: bold 22px 'Tex', Helvetica, sans-serif;
}
.homepage .contact .contactContent .title:after {
	content: '';
	width: 75px;
	height: 3px;
	display: block;
	margin-top: 8px;
	background-color: #aea29e;
}

/* Bloky */

.homepage .contact .contactContent address {
	float: left;
	line-height: 1.45;
	font-size: 18px;
}
.homepage .contact .contactContent p {
	line-height: 1.7 !important;
	font-size: 14px;
}
.homepage .contact .contactContent p b {
	margin-top: -1px;
	font-weight: 600;
	font-size: 18px;
}

/* Odkaz na mapu */

.homepage .contact .contactContent .mapLink {
	float: right;
	margin: 5px 0 0 33px;
}