/*General*/
html{width:1260px;margin:auto;
         width: 100vw; 
    height: 100vh; 
    font-size: 1vmax; 
}
*{font-family:Calibri}
body {margin:auto;}
a,img{outline:none;border:none;}
label
{
    padding-right: 5px;
}
.left {
    float: left;
}
.clear {clear:both;}
.select {
    color: #F00;
    font-weight: bold;
}
#albums,#trips{height:100%}
#trips:hover,#albums:hover{
height:105%;
}

.textbox_important{background:rgba(3, 0, 255, 0.43) !important;}

.albums_btn {padding-left: 20px; height: 300px; display:block; float:left;}
.trips_btn {padding-right: 20px; display: block; height: 300px; float:right;}
#hpimage {background:url('../img/image-frame.png') no-repeat;height:100%; width:100%;}
#hpimage div {
    border: 0px;
position: relative;
width: 625px;
height: 420px;
display: block;
text-align: center;
vertical-align: middle;
padding-top:5px;
}
#hpimage div a img {    
    border-width: 0px;
    max-height: 395px;
    max-width: 590px;
    width: auto;
    height: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto !important;
}
#hpname{
    font-size:26px;
    text-align:center;
    color:gold;    
    font-weight:bold;
}
.openalbum:hover
{
    height:157px!important;
    margin-left:-5px;
}

.next-right {margin-top:10px;float:right;}
.next-right:hover {height:65px !important; margin-top:-4px; }
.next-left {margin-top:10px;margin-left:6px;float:left;}
.next-left:hover{
height: 65px !important;
margin-left: -6px;
margin-top: -4px;
}

.btn:hover {
  height: 105px !important;
  position: relative;
  top: -5px;
  left: -5px;
}

.btnsmall:hover {
  height: 45px !important;
  position: relative;
  top: -5px;
  left: -5px;
}

.btnlarge:hover {
  height: 8% !important;
  position: relative;
  top: -5px;
  left: -5px;
}


.nav:hover {
  height: 112px;
  left:-2px;
  position: relative;
}
.nav {
  height: 108px;
}
.button:hover {
  height: 70px !important;
  left: -5px !important;
  position: relative !important;
  top: -5px !important;
}
.button-large:hover {
    height: 104px;
    left: -5px !important;
    position: relative !important;
    top: -5px !important;
}
.btn-nextpage {
    width:105px;height:66px;
}
.btn-nextpage:hover {
  height: 70px !important;
  left: 5px !important;
  position: relative !important;
  top: 5px !important;
}
.submit:hover
{
    height:95px!important;
    width:195px!important;
    left:767.5px!important;
    top:188.5px!important;
}
        #Button1.btn {
              width:105px;height:66px;
        }
        #Button1.btn:hover {
  height: 75px !important;
  position: relative;
  top: -5px;
  left: -5px;
        }

label:hover {
  height: 105px !important;
margin-left:-2px;
margin-top:-2px;
}

.back {padding-left: 150px;height:108px; float:left;width:98px;}
.globe {padding-right:150px;height:108px; float:right;width:86px;}
.private{height:100px;float:left;width:317px;margin-right:474px;margin-left:88px;}
.public {height:100px;float:left;width:285px;}
.row {width:1264px;height:100px;padding-top: 641px; }
.row1 {width:1264px;height:400px;padding-top: 200px;padding-left:124px; }
.row2 {width:1264px;height:400px;padding-top: 641px;}

input[type=text] {border:none; background:none;}

.booktextboxdiv {
position: relative; left: 5px;
}

.booktextboxdiv input[type="text"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 18px;
  height: 27px;
  position: absolute;
}


.frame img {border:0px;}
.frame {
float: left;
height: 289px;
margin-bottom: 0;
margin-right: 45px;
margin-left:31px;
width: 350px;
}
.pager:first-child{margin-right:966px}

.arrows-row {
    position:relative;margin:0 0 0 100px;display:inline;float:left;
}
.arrows-row  #previous, .arrows-row #next {
    z-index:9999;width:100px;height:60px;float:left;
}
.thumbs-row {
    position:relative;margin:0 0px 0px 100px;display:inline;float:left;
}
.thumbs-row a {
    width:157px;height:108px;margin:0px 100px;float:left;z-index:9999;
}
.thumbs-row img:hover {
        height: 114px;
left: -5px !important;
position: relative !important;
top: -5px !important;
}

.galerybox {height:630px;width:930px;margin-left:174px;border:0px;padding-top:175px;}
.galerybox img {max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;}
/* Single photo in Gallery*/
.frame_single {
    background: url("../img/single.png") no-repeat center center;width:100%;height:100%;
}
.frame_single div {border:0px;left:55px; top:16px;position:relative;width:804px;height:534px;display:block;text-align:center;vertical-align:middle;}
.frame_single span {margin:48px 0px 0px 210px; text-align: center; background: none; font-size: 24px; display: block; width: 520px; overflow:hidden;
    }

/* Double photos in Gallery */
.frame_double_vertical {
    float:left;
    background: url("../img/two-vertical.png") no-repeat center center; border:0px solid; height:631px; width:460px;
}
.frame_double_vertical div {border:0px solid;position:relative; top:75px; left:96px;text-align:center;height:420px;width:278px;
    }
.frame_double_vertical span {margin: 106px 0px 0px 33px; text-align: center; background: none; font-size: 24px; display: block; width: 393px;overflow: hidden;
        }
.frame_double_horizontal {
    float:left;
    background: url("../img/two-horizontal.png") no-repeat center center; height:631px; width:460px;
}
.frame_double_horizontal div {border:0px solid;position:relative; top:143px; left:20px;text-align:center;vertical-align:middle;height:277px;width:419px;display:inline-block;
}
.frame_double_horizontal span {
    margin: 177px 0px 0px 16px; text-align: center; background: none; font-size: 24px; display: block; width: 94%;
}

/* Four photos in Gallery */
.frame_four_horizontal-0 {width:463px;border:0px solid; background:url("../img/four-horizontal.png") no-repeat center center;height:395px !important;margin-top:-45px;}
.frame_four_horizontal-0 div{border:0px;text-align:center;height:217px; width:326px;margin-top:69px;margin-left:65px;}
.frame_four_horizontal-0 span{margin: 20px 0px 0px 80px; text-align: center; background: none; font-size: 16px; display: block; width: 300px;}

.frame_four_horizontal-1 {width:463px;border:0px solid; background:url("../img/four-horizontal.png") no-repeat center center;height:280px;margin-top:-40px;}
.frame_four_horizontal-1 div{border:0px;text-align:center;height:217px; width:326px;margin-top:46px;margin-left:65px;}
.frame_four_horizontal-1 span{margin: 20px 0px 0px 80px; text-align: center; background: none; font-size: 16px; display: block; width: 300px;}

.frame_four_horizontal-2 {width:463px;border:0px solid; background:url("../img/four-horizontal.png") no-repeat center center;height:395px !important;margin-top:-45px;}
.frame_four_horizontal-2 div{border:0px;text-align:center;height:217px; width:326px;margin-top:69px;margin-left:65px;}
.frame_four_horizontal-2 span{margin: 20px 0px 0px 80px; text-align: center; background: none; font-size: 16px; display: block; width: 300px;}

.frame_four_horizontal-3 {width:463px;border:0px solid; background:url("../img/four-horizontal.png") no-repeat center center;height:280px;margin-top:-40px;}
.frame_four_horizontal-3 div{border:0px;text-align:center;height:217px; width:326px;margin-top:46px;margin-left:65px;}
.frame_four_horizontal-3 span{margin: 20px 0px 0px 80px; text-align: center; background: none; font-size: 16px; display: block; width: 300px;}

.frame_four_vertical-0 {width:463px;border:0px solid;background:url("../img/four-vertical-right.png") no-repeat center center;height:350px;}
.frame_four_vertical-0 div{border:0px;position:relative;text-align:center;height:325px; width:216px;top:12px;left:49px;}
.frame_four_vertical-0 span{margin: -312px 0px 0px 280px; text-align: center; background: none; font-size: 16px; display: block; width: 135px;height:73px;vertical-align:middle;}

.frame_four_vertical-1 {width:463px;border:0px solid;background:url("../img/four-vertical-left.png") no-repeat center center;height:350px;margin-top:-100px;}
.frame_four_vertical-1 div{border:0px;text-align:center;height:325px; width:216px;margin-top:11px;margin-left:200px;}
.frame_four_vertical-1 span{margin:-79px 0px 0px 50px; text-align: center; background: none; font-size: 16px; display: block; width: 135px;height:73px;vertical-align:middle;}

.frame_four_vertical-2 {width:463px;border:0px solid;background:url("../img/four-vertical-right.png") no-repeat center center;height:350px;}
.frame_four_vertical-2 div{border:0px;position:relative;text-align:center;height:325px; width:216px;top:12px;left:49px;}
.frame_four_vertical-2 span{margin: -312px 0px 0px 280px; text-align: center; background: none; font-size: 16px; display: block; width: 135px;height:73px;vertical-align:middle;}

.frame_four_vertical-3 {width:463px;border:0px solid;background:url("../img/four-vertical-left.png") no-repeat center center;height:350px;margin-top:-70px;}
.frame_four_vertical-3 div{border:0px;text-align:center;height:325px; width:216px;margin-top:11px;margin-left:200px;}
.frame_four_vertical-3 span{margin:-79px 0px 0px 50px; text-align: center; background: none; font-size: 16px; display: block; width: 135px;height:73px;vertical-align:middle;}


.frame_four {float: left;height: 350px;width: 463px;}
.frame_four div {position: relative;}

.gallery-inner-block {float:left;height:633px;width:933px;}

/*Page1*/
#page1 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/4.jpg") no-repeat;
        background-size:contain;        
}
#page1 #welcome_tag {padding-top: 170px; padding-left: 455px;}
#page1 #welcome {font-weight: bold; margin-top:-96px; height: 77px; width: 408px; font-size: 58px; text-align:center; margin-left:458px;border:2px solid green;}
/*Page2*/
#page2 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/origstr2.jpg") no-repeat;
        background-size:contain;        
}
/*Page3*/
#page3 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str-I.jpg") no-repeat;
        background-size:contain;        
}
/*Page4*/
#page4 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str-II.jpg") no-repeat;
        background-size:contain;        
}
#page4 .label
{
color: #FFD700;
float: left;
font-size: 20px;
left: -59px;
position: absolute;
text-align: center;
top: 65px;
transform: rotate(90deg);
transform-origin: 50% 50% 0;
width: 150px;
-ms-transform: rotate(90deg);
-ms-transform-origin: 50% 50% 0;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
/*Page5*/
#page5 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str-IV.jpg") no-repeat;
        background-size:contain;        
}
/*Page6*/
#page6 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str7.jpg") no-repeat;
        background-size:contain;        
}

#page6 .zoom1 {left:434px;}
/*Page7*/
#page7 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str4-5.jpg") no-repeat;
        background-size:contain;        
}
/*Page8 - Trips.aspx*/
#page8 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/strA.jpg") no-repeat;
        background-size:contain;        
}
#page8 .row {padding-top:550px;}
/*Page9 - TripsPublic.aspx*/
#page9 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str-b.jpg") no-repeat;
        background-size:contain;        
}
/*Page10 - TripsPublicFiltered.aspx*/
#page10 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str-c.jpg") no-repeat;
        background-size:contain;        
}
#side {height:400px; width:150px;float:right;margin:-10px 193px 0px 0px;}
#detail {font-size:18px;margin:64px 0px 0px 134px;width:430px;}
#viewtrip {margin:94px 0px 0px 77px;}
/*Page11 - AlbumsPrivate.aspx*/
#page11
{height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str3.jpg") no-repeat;
        background-size:contain;        
}
#page11 input[type=text],#page11 input[type=password]{background-image:url(../img/transparent.gif)!important; height:43px;padding:0px;}
#page11 .btn:hover {
  height: 110px;
  left: -5px !important;
  position: relative !important;
  top: -5px !important;
}

#page11 .btnsmall:hover {
  height: 45px;
  left: -5px !important;
  position: relative !important;
  top: -5px !important;
}


#page11 #LoginButton > img:hover {
  height: 70px;
  left: 3px;
  position: relative;
  top: -1px;
}
#page11 #Login1 {border:none;float:left;margin-top:-96px;margin-left:445px;padding:0px; }

/*Page12 - AlbumFunctions.aspx*/
#page12 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str4.jpg") no-repeat;
        background-size:contain;        
}
#page12 .row1 a {padding:20px 90px 10px 0px;float:left;}
#page12 .row1 a.last {padding-right:0px;}
#page12 .row1 {padding-top:150px;}
/*Page13 - AlbumUploadPictures.aspx*/
#page13 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("../img/str5.jpg") no-repeat;
        background-size:contain;        
}
#page13 .submit:hover
{
    height:105px !important;
    width:195px !important;
}

/*Page14-AlbumFolderEdit.aspx*/
#page14 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str6.jpg") no-repeat;
        background-size:contain;        
}
/*Page15-AlbumEditPictures.aspx*/
#page15 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str8.jpg") no-repeat;
        background-size:contain;        
}
/*Page16-AlbumSaved.aspx*/
#page16 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str9.jpg") no-repeat;
        background-size:contain;        
}
#page16 #bookcase > div
        {
display: inline;
float: left;
height: 61px;
margin-bottom: 18px;
position: relative;
width: 14px;
        }
#page16 .label
        {
            color: #FFD700;
            float: left;
            font-size: 12px;
            left: -24px;
            position: absolute;
            text-align: center;
            top: 30px;
            transform: rotate(90deg);
            transform-origin: 50% 50% 0;
            -ms-transform: rotate(90deg);
            -ms-transform-origin: 50% 50% 0;
            width: 68px;
        }
#page16 .row1 a {
    padding: 20px 20px 10px 30px;
    float: left;
}
/*Page17-ViewPublicTrip.aspx*/
#page17 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/strG.jpg") no-repeat;
        background-size:contain;        
}

/*Page18 - TripUploadPictures.aspx*/
#page18 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/strC.jpg") no-repeat;
        background-size:contain;        
}
#page18 .submit:hover
{
    height:105px !important;
    width:195px !important;
}
/*Page19 - PrivateAlbum*/
#page19 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str4-3.jpg") no-repeat;
        background-size:contain;        
}
/*Page20 - DeleteAlbum*/
#page20 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str7.jpg") no-repeat;
        background-size:contain;        
}
/*Page21 - AllPictures*/
#page21 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str6-1a.jpg") no-repeat;
        background-size:contain;        
}
#page22 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str9-1.jpg") no-repeat;
        background-size:contain;        
}
/*Trips function*/
#page23 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/strB2.jpg") no-repeat;
        background-size:contain;        
}
/*Trips Private*/
#page24 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/strB1.jpg") no-repeat;
        background-size:contain;        
}
#page24 input[type=text],#page24 input[type=password]{background-image:url(../img/transparent.gif)!important; height:43px;padding:0px;}
#page24 .btn:hover {
  height: 110px;
  left: -5px !important;
  position: relative !important;
  top: -5px !important;
}
#page24 #LoginButton > img:hover {
  height: 70px;
  left: 3px;
  position: relative;
  top: -1px;
}
#page24 #Login1 {border:none;float:left;margin-top:-96px;margin-left:445px;padding:0px; }

#page24 .btnsmall:hover {
  height: 45px;
  left: -5px !important;
  position: relative !important;
  top: -5px !important;
}



/*Register*/
#page25 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str10.jpg") no-repeat;
        background-size:contain;        
}
/*TripEditDetails*/
#page26 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/strD.jpg") no-repeat;
        background-size:contain;        
}
#page27 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/strE.jpg") no-repeat;
        background-size:contain;        
}
/* ShareTrip */
#page28 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str9-2.jpg") no-repeat;
        background-size:contain;        
}
/* Terms of Use */
#page29 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str-tou.jpg") no-repeat;
        background-size:contain;        
}

#page30 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str5-5.jpg") no-repeat;
        background-size:contain;        
}
/* Reset Password */
#page31 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str9-1-pwd.jpg") no-repeat;
        background-size:contain;        
}
/* Change Password */
#page32 {
    height: 980px;
    margin: auto;
    width: 1264px;
    background: url("/img/str-pwd-change.png") no-repeat;
    background-size: contain;
}
/* FAQ Page */
#page33 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/faq.jpg") no-repeat;
        background-size:contain;        
}

#page34 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/about.jpg") no-repeat;
        background-size:contain;        
}

/* Nick Name */
#page35 {
    height: 980px;
    margin: auto;
    width: 1264px;
    background: url("/img/str-nickname.png") no-repeat;
    background-size: contain;
}
/* Shares */
#page36 {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/str-shares.jpg") no-repeat;
        background-size:contain;        
}

/* MyAccount */
#page37, #page37 * {
    box-sizing: content-box !important;
}

/* Tailwind (border-box) */
#frame-body,
#frame-body *, #frame-body *::before, #frame-body *::after {
    box-sizing: border-box !important;
}

#page37 {
    width: 1264px;
    height: 980px;
    margin: auto;
    background: url("/img/background.jpg") no-repeat;
    background-size: contain;
}

/* obsah v MyAccount */
#frame-body {
    position: absolute;
    top: 150px;
    left: 140px;
    width: 1020px;
    height: 780px;
    overflow: hidden;
    /*background: #fff; */
}

/* Scroll v náhledu */
#account-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0 16px;
}

/* Login page */
.login-page {background:url("/img/background.jpg") no-repeat !important;              
}
/* Fullpage */
#fullpage {height: 980px; margin:auto;
        width: 1264px; 
        background:url("/img/background.jpg") no-repeat;
        background-size:contain;        
}

/*Trips*/
.tripname
{
    text-align: center;
    margin-bottom: 1%;
}
.tripname label
{
    font-size:1.5em;
}
.tripname input
{
    font-size: 1.5em;
    width:40%;
}
/*Zoom Map*/
.zoommap
{
    height: 120px;
    margin: 17px;
    width: 130px;    
}
.zoommap img
{
    height: 113px;
    width: 146px;
}
.zoom1 {
position: relative; left: 682px; top: 166px;width: 385px; height: 234px;
}
.zoom2 {
position: relative; left: 682px; top: 341px; width: 385px; height: 219px;
}

/*Almara*/
.tripbook
{
display: inline;
float: left;
margin-bottom: 13px;
position: relative;
width: 25px;
}
#bookcase{height: 502px; width: 300px; transform-origin: 0px 0px 0px; -ms-transform-origin: 0px 0px 0px;
transform: rotateY(-10deg);-ms-transform: rotateY(-10deg);position:relative;padding-left:250px;}

/*AJAX*/
.ajax-loading-block-window {position:fixed;top:330px;left:920px;width:128px;height:128px;overflow:hidden;z-index:1104;}
.ajax-loading-block-window .loading-image{position:absolute;top:0;left:0;width:128px;height:128px;background-image:url('../img/ajax_loader_large.gif');}


/*LEFT RIGHT MENU*/
#open-button img:hover {height:55px;margin-top:-3px;}
#open-button {position:relative;}
.container, 
.content-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.container {
	background: #373a47;
}

.content-wrap {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.content {
	position: relative;
	background: #b4bad2;
}

.content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0.3s, transform 0s 0.3s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

/* Menu Button */
.menu-button {
	top: 0;
	z-index: 1000;
	padding: 0;
	width: 2.5em;
	height: 2.25em;
	border: none;
	font-size: 1.5em;
	background: transparent;
    left:0px;
}

.menu-button span {
	display: none;
}

.menu-button:hover {
	--opacity: 0.6;
}

/* Menu */
.menu-wrap {
	z-index: 999;
	background: black;
	-webkit-transition: width 0.3s, height 0.3s;
	transition: width 0.3s, height 0.3s;
	width: 0;
	height: 0;
	font-size: 15px;
	margin-top: 50px;
	margin-left: -140px;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;    
    float:left;
    text-align: left;
    position:relative;
}

.menu {
	height: 100%;
    visibility:hidden;
}

.profile {
	padding:5px;
    margin:0px;
}

.profile img {
	
}

.link-list {
	padding:5px;
    margin: 0px;
	border-bottom: 1px dotted white;
}

.link-list a, .profile a  {
	display: block;
	margin: 0;	
	padding: 5px;
    color:white;
}

.menu a:hover,
.menu a:focus {
	color: #64697d;
}

.link-list a span, .profile a span {
	margin-left: 10px;
	font-weight: 700;
	vertical-align: middle;
}

.icon-list {
	position: absolute;
	right: 1em;
	bottom: 0.9em;
}

.icon-list a {
	margin-left: 0.25em;
	color: rgba(125,129,148,0.5);
}

/* Shown menu */
.show-menu .content::before {
	opacity: 1;
}

.show-menu .menu-wrap {
	width: 180px;
	height: 100%;
}

.show-menu .menu {
	visibility:visible;
}

.trip-frame {margin-left: 441px;margin-top: 27px;width: 606px;text-align: center;}
.trip-image /*{width:606px; height:388px;}*/ 
{
position: relative;
height: 388px;
width: 606px;
text-align: center;
}
#gallery_image img/*{ position: relative;  top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);max-height:388px;max-width:606px;}*/
{
border-width: 0px;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto !important;
}
#list {font-size:14px;}

/* Popup */
#backgroundPopup { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	top:0px;  
	left:0px;
}
#toPopup, #toPopup2 {
    background: url('/img/header.jpg') repeat;
    border: 7px solid #F8ED8D;
    border-radius: 3px 18px;
    display: none;
    width: 600px;
    z-index: 2;
    height:200px;
    color:white;        
      position:absolute;
      top:200px;
      left:50%;
      margin-left:-250px;

}

#toPopup.tou, #toPopup2.tou {
    background: url('/img/tou.png') no-repeat;
    border: none;
    display: none;
    width: 1000px;  
    z-index: 2;
    height:550px;
      position:absolute;
      top:200px;
      left:50%;
      margin-left:-450px;
}
div.close {
    background: transparent url("/img/closebox.png") no-repeat scroll 0px 0px;
    bottom: 24px;
    cursor: pointer;
    float: right;
    height: 30px;
    left: 27px;
    position: relative;
    width: 30px;
}
div.loader {
    background: url("/img/ajax_loader_large.gif") no-repeat scroll 0 0 transparent;
    height: 128px;
    width: 128px;
	display: none;
	z-index: 9999;
	top: 40%;
	left: 50%;
	position: absolute;
	margin-left: -10px;


}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content,div#popup_content2  {
    margin: 4px 7px;
}

#popup_content input[type="text"],#popup_content2 input[type="text"] {border:solid 2px white;padding:7px;margin:10px; color:white; font-size:18px;width:300px;}
/* popup end */

#CheckBox1 {-ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2);}
.i:hover{
        margin-left:-5px;
        margin-top:-2px;
        height:60px;
    }
/* hover image */
div#pop-up {
        display: none;
        position: absolute;
        width: 145px;
        padding: 10px;
        background: #eeeeee;
        color: #000000;
        border: 1px solid #1a1a1a;
        font-size: 90%;
        border-radius:10px;
        text-align:center;
        z-index:1000;
      }

/* tooltip switchet */
#tip-switcher 
{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index: 2000;
    min-width: 0;
    width: 70px;
    height: 70px;
    text-align:center;
    color:white;
    cursor:pointer;
    background: url("/img/chat.png") no-repeat scroll 0 0 transparent;
    line-height:50px;
}

/* Leaflet */
.leaflet-popup-content-wrapper {
   width: 190px;
   height: 135px;
   background:url("/img/loading_lbox.gif") no-repeat center center white !important; 
}

.leaflet-pseudo-fullscreen, .leaflet-fullscreen-on {z-index:100 !important;}

html, body {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

#canvas {
    width: 1264px;
    height: 980px;
    transform-origin: 0 0;
    position: absolute;
    visibility: hidden;
}