#mLanguageSwitcher {
	display:block!important;
}

.page-template-mStart-php #mBookStartPage {
	width:170px;
	height:140px;
	
	padding:13px;
	padding-top:0px;
	
	position:fixed;
	bottom:70px;
	left:262px;
	z-index:1000;
	background: url('../images/mLeftSidebarBg.png');
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.page-template-mStart-php  #mBookStartPage .imageWrapper {
	width:168px;
	width:166px;
	height:74px;
	background:url('../images/mBookWidget.png') no-repeat;	
	background-position:0px -94px;
	display:block;
}

.page-template-mStart-php  #mBookStartPage .imageWrapper.room {
	background-position:0px -94px;
}

.page-template-mStart-php  #mBookStartPage .imageWrapper.table {
	background-position:0px 0px;
}

.page-template-mStart-php  #mBookStartPage .selectArea {
	width:168px;
	margin:auto;	
	height:36px;
}

.page-template-mStart-php #mBookStartPage .selectArea a {
	display:block;
	
	width:65px;
	padding-left:15px;
	height:36px;
	float:left;	
	line-height:36px;
	font-weight:300;
	text-align:center;
	color:white;
	background:url('../images/mKropka.png') 5px -18px no-repeat;
}

.page-template-mStart-php #mBookStartPage .selectArea a.active {
	background:url('../images/mKropka.png') 5px 12px no-repeat;
}

.page-template-mStart-php #mBookStartPage .selectArea a[name="room"]{
	margin-right:1px;
	margin-left:5px!important;
}





.mInactiveControls, .mSlideshowLeftSidebar {
	display:none;
}


*{
	margin:0;
	padding:0;
	border:0;
}

a{ 
	text-decoration: none; 
}

ul{
	list-style: none;
}

body {
	background:#fff;
	overflow:hidden;
}





/* component holder */
#componentWrapper{
	position:absolute;
	
	/*SET SIZE AND POSITION OF YOUR COMPONENT HERE! 
	Dont forget to set componentFixedSize in settings, if its 100% for both width and height, componentFixedSize must be false, otherwise true*/
	
	/*	FIXED EXAMPLE 
	top:100px;	
	left:400px;
	
	width:900px;
	height:500px;*/
	
	
	/* FULL WINDOW EXAMPLE */
	top:0px;	
	left:0px;
	
	width:100%;
	height:100%;
	
	
	background:#eee;
	background:black;
	
}

/* playlist holder (hidden) */
#componentWrapper .componentPlaylist{
	display:none;
}









/* slideshow controls */
#componentWrapper .slideshow_controls{
	position:absolute;
	width:100px;
	height:30px;
	top:10px;
	left:-50px;
	margin-left:50%;
	/*background:red;*/
	display:none;
}

#componentWrapper .controls_prev, .controls_toggle, .controls_next{
	position:absolute;
	width:30px;
	height:30px;
	top:0px;
}

#componentWrapper .controls_prev{
	left:0px;
}

#componentWrapper .controls_toggle{
	left:33px;
}

#componentWrapper .controls_next{
	left:66px;
}




/* data_controls */
#componentWrapper .data_controls{
	position:absolute;
	width:70px;
	height:30px;
	top:10px;
	right:10px;
}

/* link */
#componentWrapper .link_toggle{
	position:relative;
	width:30px;
	height:30px;
	top:0px;
	right:0px;
	float:right;
	display:none;
}

/* description */
#componentWrapper .info_toggle{
	position:relative;
	width:30px;
	height:30px;
	top:0px;
	right:0px;
	float:right;
	margin-left:10px;
	display:none;
}

#componentWrapper .info_holder{
	position:absolute;
	top:50px;
	right:10px;
	
	color:#e5e5e5;
	padding: 10px 20px 15px 20px;
	
	/* http://www.google.com/webfonts */
	font-family: 'Terminal Dosis', sans-serif;
	
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
				
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;

	display:none;
}

#componentWrapper .info_holder a{
	color:#e5e5e5;
	/*text-decoration:underline;*/
}

#componentWrapper .info_holder a:hover, a:active{
	/*text-decoration:underline;*/
}





/* playlist toggle */
#componentWrapper .playlist_toggle{
	position:absolute;
	width:30px;
	height:30px;
	display:none;
}





/* menu. You can change font color, font-family or font-size here. */
#componentWrapper .menu_item{
	position:absolute;
	/*background:#9a6;*/
	color:#fff;
	/* http://www.google.com/webfonts */
	font-family: 'Terminal Dosis', sans-serif;
	font-size:20;
}




/* preloader */
#componentWrapper .componentPreloader{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0px 0px -25px;
	background:#000 url('../images/loader.gif') no-repeat center center;
	width:50px;
	height:50px;
	z-index:999;
	opacity:0.7;
}




#publicFunctions{
	position:absolute;
	top:50px;
	left:50px;
	z-index:99999;
	background:#ccc;
	padding:20px;
	display:none;
}

#publicFunctions li{
	text-decoration:none;	
	list-style: none;
}

#publicFunctions li a{
	color:white;
}

#publicFunctions p{
	color:white;
}



/* font calculations */
#componentWrapper .fontMeasure{
	visibility:hidden;
}

/*#mTxtWrapper {
	
	
	position:absolute;
	top:50%;
	left:237px;
	right:0px;
	z-index:10000000000000000000000;
	color:white;
}

#mTxtWrapper div {
	width:60%;
	margin:auto;
	text-align:center;
}*/

#mTxtWrapper div h1 {
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;
	line-height:30px;
}

#mTxtWrapper div h2 {
	font-size:24px;
	line-height:30px;
}

/* This parent can be any width and height */
#mTxtWrapper {
  
	position:absolute;
	top:0px;
	left:237px;
	right:0px;
	bottom:0px;
	z-index:1;


	text-align: center;
	/* May want to do this if there is risk the container may be narrower than the element inside */
	
}
 
/* The ghost, nudged to maintain perfect centering */
#mTxtWrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can also be of any width and height */ 
#mTxtWrapper div {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  color:white;
}

/* MS 2015-09-01 */

@media only screen and (max-width: 767px) {

	#mTxtWrapper {
		position:absolute;
		top:60px;
		left:0px;
		right:0px;
		bottom:0px;
		z-index:1;
		text-align: center;
	}

	#mTxtWrapper div {
		width: 85%;
	}

	#mTxtWrapper div h1 {
		font-size:20px;
	}
	
	#mTxtWrapper div h2 {
		font-size:17px;
		line-height:20px;
		text-shadow: 1px 1px #8D7C74;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.page-template-mStart-php #mBookStartPage {
		display:none;
	}
	
	#mTxtWrapper div h1 {
		font-size:25px;
	}
	
	#mTxtWrapper div h2 {
		font-size:21px;
		line-height:27px;
	}

}

/* MS 2015-09-01 END */
