/*******************  overlay text slider  **************************/

#overlayText, #overlayBookNow {
	position: absolute !Important;
	top:  50px !important;
	z-index: 100;
	font-size: 1.8em;
   	font-weight: bold;
    opacity: 0.7;
    padding: 10px;     
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
#overlayText{
    left: 70px;           	
    background: #f1f1f1;
    color: #3B4664;
}
#overlayBookNow{
    right: 70px;  
    background: #3B4664;    
    color: #ffffff;
}
/******************* apartments  **************************/
.seeMore {
 color: #ffffff;
 font-size: 1.2em;
}
.mob-app-frame-content  > a:hover, #overlayMainAppWrapper1 > a:hover,
  	#overlayMainAppWrapper2 > a:hover {
	color: #a8a8a8 !Important;	
}
/******************* mobile apartments  **************************/
.mob-app-frame{
	padding-top: 10px;
	padding-bottom: 10px;
}
.mob-app-frame-content{
	width: 300px;
	text-align: center;
	margin: auto;
	font-size: 1.0em;
	color: #ffffff;
	background: #3B4664;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8)";
}				 
.line{ 	margin: 10px; }

.mob-app-padding {
	padding-top: 10px;
}
.mob-app-padding> a > img {
	border: 4px solid #a8a8a8;
}

/******************* desktop apartments  **************************/
#mainappwrapper{
	 background: #f1f1f1;
	 height: 330px;	
}
#mainappOverlay {
	 position: absolute !Important;	
}

#overlayMainAppWrapper1, #overlayMainAppWrapper2 {
	position: absolute !Important;
	text-align: center;	
	font-size: 1.0em;	
	width: 360px;
	height: 160px;
    color: #ffffff;
    background: #3B4664;    
    padding: 10px;    
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
    z-index: 100;
}  

#overlayMainAppWrapper1 a:hover {
 color: #89BCD9;
}

#overlayMainAppWrapper2 a:hover {
 color: #89BCD9;
}

#overlayMainAppWrapper1{
    left: 260px !Important;
    top: -75px !Important;	
}
#overlayMainAppWrapper2{
    left: 880px !Important;
    top: -75px !Important;
}

.appTitle{	
	font-size: 1.4em;	
	color: #ffffff;
	letter-spacing: 1px;	
}


#main-foto {	
	display: block;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	/**/
	width: 360px;
	background: #ffffff;
	padding: 15px 15px 15px 15px;	/*top right bottom left*/
	font-size: 10px;	
	color: #3B4664;	
}

#mainapp1 {
	float: left;
    width: 360px;
    margin-top: 100px;
	margin-left: 260px;
	margin-bottom: 50px;
}

#mainapp2 {
	float: right;
    width: 360px;
    margin-top: 100px;
	margin-right: 260px;
	margin-bottom: 50px;
}
/*
#mainapp {
	float: left;
    width: 500px;
    margin-top: 80px;
}
*/


#logo {
	position: absolute !Important;
	top:  0px !important;
	z-index: 101;
	font-size: 1.8em;
   	font-weight: bold;
    opacity: 1;     
    filter: alpha(opacity=60); /* For IE8 and earlier */
}