html, body, form, input, select, fieldset {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #999;
}

body {
	background-color: #fff;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 16px;
}

ul, ol {
	list-style: none;
}

form label {
	cursor: pointer;
}

address {
	font-style: normal;
}

:link,:visited {
	text-decoration: none;
	color: #999 ;
}

a img,:link img,:visited img {
	border: none;
}

fieldset {
	border: none;
}

div.clear, span.clear {
	clear: both;
	font-size: 0;
}

img.imgfix {
	float: left ;
	margin-right: 5px ;
}

/* main */

#helper {
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 200px ;
	height: 40px ;
}

#main {
	width: 1000px ;
	margin: 0 auto 0 auto ;
}

#header {
	width: 1000px ;
	
/* mod. 2017.11
	height: 55px ;
*/
	height: 160px ;
	margin: 10px 0 0 0 ;
	position: relative ;
}

#content {
	width: 998px ;
	height: 535px ; /*663*/
	border: 1px solid #c9c9c9 ;
	margin: 5px auto 0 auto ;
}

#logo {
/* mod. 2017.11

	width: 340px ;
	height: 56px ;
*/

	width: 220px ;
	height: 137px ;

	background-image: url("images/logo.png") ;
	background-repeat: no-repeat ;
	float: left ;
	cursor: pointer ;
}

#musicplayer, #helper {
	z-index: -1000 ;
	width: 0 ;
	height: 0 ;
}

/* header */

#menulist {
	height: 20px ;
	float: right ;
	margin: 3px 0 0 0 ;
	position: absolute ;
	right: 0 ;
	top: 75px ;
}

#menulist li {
	text-transform: uppercase ;
	float: left ;
	padding-left: 14px ;
}

#menulist li a:link{
	color: #999 ;
}

#menulist li a:hover, #menulist li a.active {
	color: #000 ;
}

#language_selector, #music_controller{
	height: 25px ;
	line-height: 25px ;
	vertical-align: middle ;
	float: right ;
	margin: 1em;
}

#language_selector {
	padding-right: 20px ;
}

#language_selector a:link {
	color: #999 ;
}

#language_selector a:hover, #language_selector a.active  {
	color: #000 ;
}

a.musicselect:link, a.musicselect:visited  {
  color:#c4c2c2;
}

a.musicselect:hover, a.musicselect_active {
  color: #000 ;
}

/* content */

#cover_photo {
	width: 998px ;
	height: 535px ; /*663*/
	overflow: hidden ;
	position: relative ;
}

#cover_photo img {
	position: absolute ;
}

.slideshow_active {
	display: block ;
	margin: 0 auto 0 auto ;
}

.slideshow_inactive {
	display: none ;
}

div.half_split {
	width: 50%; /* 499px ;*/
	height: 535px ;
	overflow: auto ;
	float: left ;
}

.inner_content {
	padding: 30px ;
	line-height: 160%;
}

#aboutme_pic, #makeup_pic , #contact_pic {
	background-position: center center ;
	background-repeat: no-repeat ;
	border: 1px solid #b0b0b0 ;
	-webkit-box-shadow: #666 0 0 15px;
	-moz-box-shadow: #666 0 0 15px;
	box-shadow: #666 0 0 15px;
	padding: 10px ;
	position: relative ;
}

#aboutme_pic {
	width: 242px ;
	height: 296px ;
	margin: 0 auto 0 auto ;
	top: 108px ;
	background-color: #fff ;
	background-image: url("images/linda.jpg") ;
}

#makeup_pic {
	width: 336px ;
	height: 457px ;
	margin: 1em;
	float: right;
	background-color: #fff ;
	background-image: url("images/Kinga_Lesti.jpg") ;
}

#contact_pic {
	width: 403px ;
	height: 402px ;
	margin: 0 auto 0 auto ;
	top: 55px ;
	background-color: #fff ;	
	background-image: url("images/contact.jpg") ;
}

#home_auto_slider {
	display: none ;
}

/* gallery */

#gallery_pic {
	width: 841px ;
	height: 521px; /*649px ;*/
	border-right: 1px solid #cbcbcb ;
	padding: 7px 8px ;
	float: left ;
	position: relative ;
	overflow: hidden ;
}

#gallery_prev, #gallery_next {
	position: absolute ;
	z-index: 10 ;
	cursor: pointer ;
	width: 100px ;
	height: 497px ;
	background-position: center center ;
	background-repeat: no-repeat ;
	opacity: 0.5 ;
	filter:alpha(opacity=50);
	display:none ;
}

#gallery_prev:hover, #gallery_next:hover {
	opacity: 1 ;
	filter:alpha(opacity=100);
}

#gallery_prev  {
	background-image: url("images/leftb.png") ;
	left: 0 ;
}

#gallery_next  {
	background-image: url("images/rightb.png") ;
	right: 0 ;
}

#gallery_pic_content img {
	position: absolute ;
}

#gallery_thumbs {
	width: 140px ;
	height: 535px ;
	overflow: hidden ;
	float: left ;
	position: relative ;
}

#scrollup, #scrolldown  {
	width: 14px ;
	height: 7px ;
	padding-left: 63px ;
	padding-right: 63px ;
	cursor: pointer ;
	z-index: 2 ;
	background-color: #fff ;
}

#scrollup {
	padding-top: 3px ;
	padding-bottom: 2px ;
	position: absolute ;
}

#scrolldown {
	padding-bottom: 3px ;
	padding-top: 3px ;
	position: absolute ;
	top: 522px ;
	
}

#gallery_thumbs_list {
	width: 130px ;
	height: 509px ;
	padding: 0 5px ;
	z-index: 1 ;
	position: relative ;
	top: 13px ;
}

#gallery_thumbs_list .thumb_active, #gallery_thumbs_list .thumb_inactive {
	width: 59px ;
	height: 59px ;
	border: 1px solid #9fa090 ;
	float: left ;
	margin: 0 2px 3px 2px ;
	z-index: 1 ;
	cursor: pointer ;
}

#gallery_thumbs_list .thumb_inactive {
	opacity: 0.5 ;
	filter:alpha(opacity=50);
}

#notfound {
	width: 100% ;
	height: 18px ;
	font-size:18px ;
	text-align: center ;
	margin-top: 290px ;
}

.fb-like {
	float: right;
	width: 70px;
	margin: 2px 0 0 10px;
}


#contact-fieldset {
	width: 389px ;
	border: 1px solid #b5b5b5 ;
	background-color: #f7f7f7 ;
	padding: 25px 16px 25px 25px ;
	color: #636363 ;
	margin-top: 20px ;
}

#contact-fieldset input, #contact-fieldset textarea {
	background: #D6D6D6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D6D6D6), to(#F2F2F2));
	background: -webkit-linear-gradient(#D6D6D6, #F2F2F2);
	background: -moz-linear-gradient(#D6D6D6, #F2F2F2);
	background: -ms-linear-gradient(#D6D6D6, #F2F2F2);
	background: -o-linear-gradient(#D6D6D6, #F2F2F2);
	background: linear-gradient(#D6D6D6, #F2F2F2);
	-pie-background: linear-gradient(#D6D6D6, #F2F2F2);
	border: 1px solid #c2c2c2 ;
}

#contact-fieldset .clear {
	padding-top: 5px ;
}

#contact-fieldset legend {
	text-transform: uppercase ;
	font-weight: bold ;
}

#contact-fieldset .half-row {
	width: 194px ;
	float: left ;
}

#contact-fieldset .half-row .half-input {
	width: 180px ;
	float: left ;
}

#contact-fieldset .full-row  {
	width: 388px ;
	float: left ;
}
#contact-fieldset .full-row .full-input {
	width: 374px ;
	float: left ;
}

#descr {
	width: 370px ;
	height: 120px ;
	margin: 2px 0 ;
}

#submit-button {
	background-color: #e3e3e3 ;
	text-align: center ;
	padding: 3px 15px ;
	margin: 0 ;
}

/* mod. */

@media screen and (max-width: 600px) {
	#main {
		width: 100% ;
	}

	#header {
		width: 100% ;
		display: table;
		box-sizing: border-box;
		padding: 0 4px;
		margin-bottom: 1em;
	}
	
	#logo {
		float: none;
		background-position: center;
		height: 150px;
		width: 100%;
	}
	
	#menulist {
		position: relative;
		float: none;
		margin: 10px auto;
		top: 8px;
		display: table;
		padding: 0 5px;
	}
	
	#menulist li {
		float: none;
		display: inline-block;
		width: 32%;
		padding: 0;
	}
	
	#content {
		width: 100%;
		display: table;
		height: 250px;
	}
	
	#cover_photo {
		width: 100%;
		height: 250px;
		display: table-cell;
		vertical-align: middle;
	}
	
	#cover_photo img {
		position: static;
		max-width: 100%;
		height: auto !important;
		max-height: 250px !important;
		display: block;
		margin: 0 auto;
	}
	
	div.half_split {
		width: 100%;
		height: auto;
	}

	#contact-req {
		display: table;
		margin-left: -25px;
		margin-right: -25px;
	}
	
	#aboutme_pic {
		top: 0 !important;
		margin: 10px auto 20px;
		padding: 0;
		float: none;
	}
	
	#makeup_pic {
		display: block;
		float: none;
		box-sizing: border-box;
		margin: 10px auto;
	}
	
	#gallery_pic {
		width: 100%;
		height: auto;
		display: table;
		float: none;
		padding: 0;
	}
	
	#gallery_pic_content img {
		width: 100% !important;
		height: auto !important;
		left: 0 !important;
		top: 0 !important;
		position: relative;
	}
	
	#gallery_thumbs {
		float: none;
		margin: 10px auto;
	}
}


@media (min-width: 601px) and (max-width: 999px) {
	#main {
		width: 100% ;
	}

	#header {
		width: 100% ;
		display: table;
		box-sizing: border-box;
		padding: 0 4px;
		margin-bottom: 1em;
	}
	
	#logo {
		float: none;
		background-position: center;
		margin: 0 auto;
		height: 150px;
		width: 100%;
	}

	#menulist {
		position: relative;
		float: none;
		margin: 10px auto;
		display: table;
		top: 0;
	}

	#menulist li {
		float: none;
		display: inline-block;
		padding: 0 2px;
	}

	#content {
		width: 100%;
		display: table;
		height: auto;
	}
	
	#cover_photo {
/*		width: 100%;*/
		height: 535px;
		display: table-cell;
		vertical-align: middle;
	}
	
	#cover_photo img {
		position: static;
		max-width: 100%;
		height: auto !important;
		max-height: 535px !important;
		display: block;
		margin: 0 auto;
	}

	.contact {
		width: 100% !important;
		height: auto !important;
		display: table !important;
	}

	#aboutme_pic {
		top: 0;
		margin: 0 auto;
	}
			
	#contact_pic {
		top: 0;
		margin: 15px auto;
	}

	#contact-req {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	#makeup_pic {
		box-sizing: border-box;
	}

	div.half_split {
			display: table-cell;
			vertical-align: middle;
			float: none;
	}
	
	#gallery_pic {
		width: 100%;
		height: auto;
		display: table;
		float: none;
		padding: 0;
	}
	
	#gallery_pic_content img {
		width: 100% !important;
		height: auto !important;
		left: 0 !important;
		top: 0 !important;
		position: relative;
	}
	
	#gallery_thumbs {
		float: none;
		margin: 10px auto;
	}
}