body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background-color: white;
	overflow-x: hidden;
}
#page {
	width: 1300px;
	margin: auto;
	background-color: white;
}
.linka {
	width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/*** MENU ***/
#section-menu {
	height: 120px;
	background-image: url(img/podpis.png);
	background-repeat: no-repeat;
	background-position: 14% 35px;
	padding-left: 37%;
	padding-right: 14%;
	padding-top: 70px;
	box-sizing: border-box;
}
.menu-link {
	float: left;
	margin-right: 3%;
	width: 110px;
	color: #a0793b;
	font-size: 10px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: center;
}
.menu-link:link {
	color: #9d968b;
}
.menu-link:visited {
	color: #9d968b;
}
.menu-link:hover {
	color: #63599e;
}
.blog-link {
	position: relative;
	float: right;
	text-decoration: none;
	margin-top: -4px;
	font-size: 15px;
	font-weight: 600;
}
.blog-link:link {
	color: #2dccd3;
}
.blog-link:visited {
	color: #2dccd3;
}
.blog-link:hover {
	color: #67B1E4;
}
.blog-link::before {
	background: #2dccd3 none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	content: "B";
	font-size: 22px;
	font-weight: bold;
	font-family: Verdana;
	z-index: 2;
	height: 30px;
	width: 30px;
	text-align: center;
	position: absolute;
	top: -40px;
}
.blog-link:hover::before {
	background-color: #67b1e4;
}

/*** FOTO ***/
#section-foto {
	height: 540px;
	background-image: url(img/lucie-foto.jpg);
	background-position: left top;
	background-origin: border-box;
	background-repeat: none;
	box-sizing: border-box;
	text-align: center;
	padding-top: 50px;
	padding-left: 250px;
	color: white;
}
#section-foto p.mainText {
	font-size: 45px;
	line-height: 46px;
}
#section-foto p.subText {
	font-size: 22px;
	line-height: 32px;
}

/*** O MNE ***/
#section-omne {
	box-sizing: border-box;
	text-align: center;
	padding-top: 55px;
	padding-bottom:	100px;
	padding-left: 15%;
	padding-right: 15%;
}
#section-omne  .header {
	font-size: 16px;
	color: #63599e;
	letter-spacing: 2px;
}
#section-omne  .mainText {
	font-size: 22px;
	line-height: 32px;
	color: #542d00;
}
.omne-block {
	margin-top: 25px;
	margin-bottom: 50px;
	text-align: center;
	float: left;
	width: 33%;
	box-sizing: border-box;
}
.omne-block a {
	text-decoration: none;
}
.omne-block h3 {
	color: #67b1e4;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.omne-block h3:hover {
	color: #2DCCD3;
}
.omne-block p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #696158;
	margin: 6px 0;
}
#linkedInLink {
	text-decoration: none;
	color: white;
	background-color: #2dccd3;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 20px;
	display: block;
	margin: auto;
	width: 160px;
	clear: both;
}
#linkedInLink:link {
	color: white;
}
#linkedInLink:visited {
	color: white;
}
#linkedInLink:hover {
	background-color: #67b1e4;
}

/*** PSYCHOTERAPIE ***/
#section-psychoterapie {
	min-height: 540px;
	background-color: #5ca7da;
	background-image: url(img/stripky-foto.jpg);
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-size: 50% 540px;
	padding-left: 51%;
	padding-right: 17%;
	padding-top: 50px;
	color: white;
}
#section-psychoterapie .header {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
}
#section-psychoterapie .mainText {
	font-size: 32px;
	font-weight: 300;
	line-height: 42px;
}
#section-psychoterapie .subText {
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 0;
}

/*** VIDEO ***/
#section-video {
	background-image: url(img/pozadi-tmavsi.jpg);
	box-sizing: border-box;
	overflow: auto;
	color: #542d00;
	padding-top: 65px;
	padding-bottom: 100px;
	display: none;
}
#section-video .text {
	float: left;
	margin-left: 14%;
	width: 28%;
}
#section-video .mainText {
	font-size: 32px;
	font-weight: 300;
	line-height: 42px;
}
#section-video .subText {
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
}
#phone {
	float: left;
	width: 467px;
	height: 337px;
	background-image: url(img/telefon-blank.png);
	background-repeat: no-repeat;
	margin-top: 36px;
	margin-left: 8%;
	position: relative;
}
#phoneContent {
	width: 365px;
	height: 275px;
	position: absolute;
	left: 50px;
	top: 15px;
}

/*** PROBLEMY ***/
#section-problemy {
	clear: both;
	padding-top: 30px;
	padding-bottom: 80px;
}
#section-problemy .header {
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
	color: #542d00;
	text-align: center;
}
.problemy-block {
	margin-top: 30px;
	margin-left: 13%;
	margin-bottom: 80px;
	width: 30%;
	float: left;
}
.problemy-line {
	clear: both;
	min-height: 80px;
}
.problemy-line img {
	width: 60px;
	height: 60px;
	float: left;
}
.problemy-line div {
	margin-left: 75px;
	height: 60px;
	display: table;
}
.problemy-line p {
	display: table-cell;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 500;
	color: #696158;
}

/*** KONTAKT 1 ***/
#section-kontakt1 {
	background-color: #63599e;
	text-align: center;
	clear:both;
	height: 150px;
	display: table;
	width: 100%;
}
#section-kontakt1  p {
	display: table-cell;
	vertical-align: middle;
	font-size: 32px;
	line-height: 42px;
	font-weight: 300;
	color: white;
}
#section-kontakt1 .phone {
	white-space: nowrap;
}
.email-link {
	text-decoration: none;
}
.email-link:link {
	color: #2dccd3;
}
.email-link:visited {
	color: #2dccd3;
}
.email-link:hover {
	color: #67b1e4;
}

/*** CENIK ***/
#section-cenik {
}
#section-cenik-left {
	background-image: url(img/pozadi-svetlejsi.jpg);
	box-sizing: border-box;
	overflow: auto;
	height: 540px;
	width: 50%;
	float: left;
}
#section-cenik-left p {
	font-size: 32px;
	line-height: 42px;
	font-weight: 300;
	color: #542d00;
	margin-left: 28%;
	margin-right: 2%;
	margin-top: 100px;
}
#section-cenik-right {
	background-image: url(img/pozadi-mraky.jpg);
	box-sizing: border-box;
	overflow: auto;
	height: 540px;
	width: 50%;
	float: left;
}
#section-cenik-right  .mainText{
	font-size: 22px;
	font-weight: 300;
	color: #542d00;
	margin-left: 15%;
	margin-top: 50px;
}
#section-cenik-right  .mainText:first-child{
	margin-top: 100px;
}
#section-cenik-right  .subText{
	font-size: 15px;
	font-weight: 500;
	color: white;
	margin-left: 15%;
	margin-top: 20px;
}

/*** KONTAKT 2 ***/
#section-kontakt2 {
	padding-left: 14%;
}
#section-kontakt2 .header {
	font-size: 16px;
	color: #63599e;
	letter-spacing: 2px;
	text-align: center;
	margin-left: -14%;
}
.kontakt-block {
	width: 28%;
	float: left;
}
.kontakt-block p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	color: #696158;
	text-align: center;
	margin: 0px;
}
.mapa {
	clear: both;
	width: 940px;
	height: 400px;
	border: 30px #c8e9f5 solid;
	margin-top: 80px;
	box-sizing: border-box;
}

/*** PODPORA MATERSTVI ***/
#section-podporamaterstvi {
	text-align: center;
	margin-top: 80px;
}
#section-podporamaterstvi  .mainText {
	font-size: 32px;
	line-height: 42px;
	font-weight: 300;
	color: #542d00;
	width: 500px;
	margin: auto;
}
#section-podporamaterstvi  .subText {
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	color: #696158;
	margin-top: 40px;
	margin-bottom: 30px;
}
#section-podporamaterstvi img {
	margin-bottom: 100px;
}

/*** BLOG ***/
#section-blog {
}
#section-blog  .mainText {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	color: #2dccd3;
}
.recentpost-block {
	counter-reset: countposts;
	list-style-type: none;
	width: 700px;
	margin: auto;
	margin-bottom: 50px;
}
.recentpost-block a {
	text-decoration: none; 
	color: #49A8D1;
}
.recentpost-block a:hover {
	color: #000;
}
.recentpost-block li:before {
	content: counter(countposts,decimal);
	counter-increment: countposts;
	float: left;
	z-index: 2;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #69B7E2; 
	margin: 15px 5px 0px -6px; 
	padding: 0px 10px; 
	border-radius: 100%;
}
li.recent-post-title { 
	padding: 5px 0px;
}
.recent-post-title { 
}
.recent-post-title a {
	color: #444;
	font-size: 13px; 
	text-decoration: none; 
	padding: 2px; 
	font-weight: bold;
}
.post-date {
	padding: 5px 2px 5px 30px; 
	font-size: 11px; 
	color: #999; 
	margin-bottom: 5px;
}
.recent-post-summ { 
	border-left: 1px solid #69B7E2; 
	color: #777; 
	padding: 0px 5px 0px 20px; 
	margin-left: 11px; 
	font-size: 15px;
}

/*** FOOTER ***/
#section-footer {
	font-size: 12px; 
	font-weight: 500;
	color: white;
	background-color: #5ca7da;
	height: 50px;
	padding-top: 18px;
	padding-left: 100px;
	padding-right: 80px;
	box-sizing: border-box;
}
#section-footer  .name {
	float: left;
}
#section-footer  .email-link, #section-footer  .phone {
	float: right;
	margin-right: 20px;
}
#section-footer  .email-link:link {
	color: white;
}
#section-footer  .email-link:visited {
	color: white;
}
#section-footer  .email-link:hover {
	color: #2dccd3;
}
@media screen and (max-width: 1299px) {
	#page {
		width: 100%;
	}
}

/*** MENU ***/
@media screen and (max-width: 1299px) {
	.menu-link {
		margin-right: 2%;
		width: 100px;
	}
}
@media screen and (min-width: 600px) and (max-width: 799px) {
	#section-menu {
		background-position: 0 35px;
		padding-left: 235px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 599px) {
	#section-menu {
		background-position: 0 0;
		padding-left: 0px;
		padding-right: 10px;
		padding-top: 90px;
	}
}
@media screen and (max-width: 399px) {
	#section-menu {
		padding-right: 0;
	}
	.menu-link {
		margin-right: 0;
	}
	.blog-link {
		position: absolute;
		float: none;
		top: 50px;
		right: 10px;
	}
}

/*** FOTO ***/
@media screen and (min-width: 800px) and (max-width: 1299px) {
	#section-foto {
		background-position: left 45% top;
	}
}
@media screen and (max-width: 799px) {
	#section-foto {
		background-position: left -235px top;
		padding-left: 18%;
	}
}

/*** O MNE ***/
@media screen and (max-width: 1299px) {
	#section-omne {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media screen and (max-width: 799px) {
	#section-omne {
		padding-left: 10px;
		padding-right: 10px;
	}
	.omne-block {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 10px;
	}
}

/*** PSYCHOTERAPIE ***/
@media screen and (max-width: 1299px) {
	#section-psychoterapie {
		padding-right: 1%;
	}
}
@media screen and (max-width: 799px) {
	#section-psychoterapie {
		padding-left: 1%;
		background-size: 100% auto;
		padding-top: 85%;
	}
}

/*** VIDEO ***/
@media screen and (min-width: 799px) and (max-width: 999px) {
	#section-video .text {
		margin-left: 1%;
		width: 40%;
	}
	#phone {
		float: right;
		margin-left: -10px;
	}
}
@media screen and (max-width: 799px) {
	#section-video .text {
		margin-left: 1%;
		margin-right: 1%;
		width: auto;
		float: none;
		text-align: center;
	}
	#phone {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 480px) {
	#phone {
		background-image: none;
		width: auto;
		overflow: hidden;
	}
	#phoneContent {
		position: static;
		width: 100%;
	}
}

/*** PROBLEMY ***/
@media screen and (max-width: 999px) {
	.problemy-block {
		margin-left: 1%;
		width: 45%;
	}
}

@media screen and (max-width: 799px) {
	.problemy-block {
		width: auto;
		margin-bottom: 0;
		margin-top: 0;
	}
}

/*** KONTAKT 1 ***/
@media screen and (max-width: 599px) {
	#section-kontakt1  p {
		font-size: 22px;
		line-height: 32px;
	}
}

/*** CENIK ***/
@media screen and (min-width: 1000px) and (max-width: 1299px) {
	#section-cenik-left p {
		margin-left: 7%;
		font-size: 27px;
		line-height: 37px;
	}
}
@media screen and (max-width: 999px) {
	#section-cenik-left p {
		margin-left: 2%;
		font-size: 22px;
		line-height: 32px;
	}
}
@media screen and (max-width: 599px) {
	#section-cenik-left {
		width: 100%;
		height: auto;
	}
	#section-cenik-right {
		width: 100%;
		height: auto;
	}
	#section-cenik-left p  {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#section-cenik-right  .mainText:first-child{
		margin-top: 50px;
	}
	#section-cenik-right  .subText:last-child{
		margin-bottom: 50px;
	}
}

/*** KONTAKT 2 ***/
@media screen and (min-width: 1000px) and (max-width: 1299px) {
	#section-kontakt2 {
		padding-left: 7%;
	}
	#section-kontakt2 .header {
		margin-left: -7%;
	}
	.kontakt-block {
		width: 30%;
	}
	.mapa {
		width: 92%;
	}
}
@media screen and (max-width: 999px) {
	#section-kontakt2 {
		padding-left: 1%;
	}
	#section-kontakt2 .header {
		margin-left: -1%;
	}
	.kontakt-block {
		width: 33%;
	}
	.mapa {
		width: 99%;
	}
}
@media screen and (max-width: 799px) {
	.kontakt-block {
		width: 49%;
		margin-bottom: 20px;
	}
	.mapa {
		margin-top: 10px;
	}
}
@media screen and (max-width: 599px) {
	.kontakt-block {
		width: 99%;
		margin-top: 20px;
	}
}

/*** PODPORA MATERSTVI ***/
@media screen and (max-width: 549px) {
	#section-podporamaterstvi  .mainText {
		width: 99%;
	}
	#section-podporamaterstvi img {
		width: 98%;
	}
}

/*** BLOG ***/
@media screen and (max-width: 799px) {
	.recentpost-block {
		width: 89%;
	}
}

/*** FOOTER ***/
@media screen and (max-width: 799px) {
	#section-footer {
		padding-left: 10px;
		padding-right: 0;
	}
}