html { height: 100%; min-height: 100%; }

body { min-height: 100%; background: url("../Images/ApartmaniIva/back12345.jpg") no-repeat fixed 0 0 rgba(0, 0, 0, 0); background-size: cover; font-family: segoe UI; }

p { text-shadow: 0 0 30px #ebc6aa; }

.TB { border: 1px solid #D0D0D0; font-family: segoe UI; }

.BTN { /* border: 1px solid #ddd;*/ border: 0 none; /*box-shadow: 0 0 10px #777777;*/ color: #fff; background: #197197; font-family: segoe UI; outline: none; }

.BTN:hover { color: #000; background: #fff; }

.BTN.Submit { background: none repeat scroll 0 0 #555; font-size: 12pt; padding: 7px 10px; }

.SkypeButton img { padding: 8px 2px 0 4px; margin: 0 !important; vertical-align: -7px !important; }

.Master { }

.validation-summary-errors li { display: block; }

#popup_overlay { background: #fff !important; }

#popup_container { box-shadow: 0 0 10px #777777; border-color: #197197; top: 200px!important; }

.Page, .PageContainer, .Modul article, .PageContainer .ModulHolder, header, footer { background: none; }

.LoginHolder { position: absolute; right: 10px; top: 23px; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 10px #777777; }

.LoginHolder .Login { display: none; }

.LoginHolder.True .Login { }

.LoginHolder .Login .BTN { margin-top: 10px; }

.LoginHolder .Login .BTN.SignOut { margin: 0; background: #fff; color: #999; }

.LoginHolder .DropLogin { cursor: default; position: absolute; right: -10px; top: 0; z-index: 10; box-shadow: 0 0 10px #777777; background: #fff; color: #000; opacity: 0; }

.LoginHolder.True .DropLogin { display: none; }

.LoginHolder.False .DropLogin.Hide { display: none; }

.Overlay { top: 0px; background: none; opacity: 0.3; }

.MasterOverlay .Preloader { background: url(../Images/ajax_preloader.gif) center center no-repeat #fff; background-size: auto; border-radius: 35px; }

.Master .PageHolder { width: 1300px; }

header.PageHeader { width: 370px; height: auto; float: left; margin-right: 10px; position: relative; background: #555555; box-shadow: 0 0 8px -1px #555555; -moz-border-radius-bottomright: 200px 70px; border-bottom-right-radius: 200px 70px; -moz-border-radius-bottomleft: 200px 70px; border-bottom-left-radius: 200px 70px; padding-bottom: 75px; }

header.PageHeader .Logo { height: 140px; background: url(../Images/ApartmaniIva/Logo.png) center center no-repeat; background-size: auto; }

header.PageHeader .Logo .BTN { width: 100%; height: 100%; background: none !important; }

.Page .PageContent { float: left; }

.Page .PageContainer { float: left; }

.Page .PageContainer { margin: 10px 0 10px 20px; }

.Page .PageContainer .ModulHolder { float: left; clear: both; margin: 10px 20px 10px 20px; }

.Page .PageContainer .ModulHolder .ModulName { display: none; }

/*--------------------------------------------------------------------------------------------------- Modul Gallery Slider ---------*/

.GallerySlider { position: relative; text-align: center; margin-top: 20px; margin: 0px auto 0 auto; height: 600px; }

.GallerySlider .caroufredsel_wrapper { display: inline-block; box-shadow: 0 0 8px -1px #555555; -moz-border-radius-bottomleft: 200px 70px; -webkit-border-bottom-left-radius: 200px 70px; border-bottom-left-radius: 200px 70px; /*overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -webkit-background-clip: padding-box;*/ }

.GallerySlider ul { height: 600px; overflow: hidden; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-background-clip: padding-box; }

.GallerySlider ul li { height: 600px; float: left; position: relative; }

.GallerySlider ul li h3 { display: none; }

.GallerySlider > .Controls { /*width: 1300px;*/ /*height: 100%; top: -370px;*/ position: relative; right: 10px; bottom: 12px; }

.HeaderContainer .GallerySlider > .Controls { height: 20px; bottom: 53px; }

.GallerySlider > .Controls .BTN { width: 40px; height: 40px; position: absolute; bottom: 0px; box-shadow: none; }

.GallerySlider > .Controls .BTN.Prev { right: 40px; background: url(../Images/left.png) no-repeat center center rgba(0,0,0,0.3); background-size: 30px; }

.GallerySlider > .Controls .BTN.Next { right: 0px; background: url(../Images/right.png) no-repeat center center rgba(0,0,0,0.3); background-size: 30px; }

.CMS .GallerySlider .CMS.Controls { top: auto; margin: 0; position: absolute; padding: 0; width: 100%; bottom: 0px; right: 0px; }

.CMS .GallerySlider ul li .CMS.Controls { bottom: 0; }

.CMS .GallerySlider .CMS.Controls .BTN { /*width: auto;
    height: auto;*/ position: relative; }

/*--------------------------------------------------------------------------------------------------- Modul Gallery Slider ---------*/

header.PageHeader .ModulHolder.GallerySliderHolder { width: 920px; position: absolute; left: 380px; top: 0px; }

header.PageHeader .ModulHolder.GallerySliderHolder h2.ModulName { display: none; }

header.PageHeader .ModulHolder.GallerySliderHolder ul li img { width: 100%; height: 100%; }

header.PageHeader > .Lang { position: absolute; top: 10px; right: 10px; }

header.PageHeader > .Lang .LangBtns .BTN { background: #828282; }

header.PageHeader > .Lang .LangBtns .BTN.True { color: #000; }

header.PageHeader > .Lang select { display: none; }

header.PageHeader .MenuHeader { margin-left: 64px; width: auto; margin-right: 64px; }

header.PageHeader .MenuHeader nav.PageNav { }

header.PageHeader .MenuHeader nav.PageNav .MenuItems { }

header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem { clear: both; width: 100%; }



header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem .BTN { font-size: 14pt; text-transform: lowercase; width: 100%; text-align: left; background: transparent; border-bottom: 1px solid #999; padding-bottom: 5px; padding-top: 5px; }

header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem.Selected .BTN, header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem .BTN:hover { color: #333333; }

header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem.AddPage .BTN { border: none; }

header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem.Last .BTN { border-bottom: none; }

header.PageHeader .MenuHeader nav.PageNav .MenuItems .MenuItem .BTN span { width: 100%; font-weight: bold; font-family: Georgia; }

.Master .PageHolder .Page { width: 920px; float: left; margin-top: 620px; box-shadow: 0 0 8px -1px #555555; background: rgba(235, 198, 170, 0.7); -moz-border-radius-topleft: 70px 200px; border-top-left-radius: 70px 200px; }

.Master .PageHolder .Page .PageNameHolder { margin-top: 20px; }

.Master .PageHolder .Page .PageNameHolder .PageName { -moz-border-radius-topleft: 70px 200px; border-top-left-radius: 70px 200px; font-size: 18pt; background: #555555; padding-bottom: 6px; padding-left: 15px; box-shadow: 0 0 8px -1px #555555; position: relative; right: 10px; color: #e9e9e9; }

#_SubItemContent img, #_SubItemContent .DGGMAP { border: 10px solid #555; -moz-border-radius-topleft: 200px 30px; border-top-left-radius: 200px 30px; -moz-border-radius-bottomleft: 200px 30px; border-bottom-left-radius: 200px 30px; -moz-border-radius-topright: 200px 30px; border-top-right-radius: 200px 30px; -moz-border-radius-bottomright: 200px 30px; border-bottom-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; background: rgba(255,250,250,0.8); overflow: hidden; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }

#_SubItemContent .gm-style img { -moz-border-radius-topleft: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; box-shadow: none; }

/*--------------------------------------------------------------------------------------------------- Modul ContactForm ---------*/

.ContactForm { }

.ContactForm .BTN.Submit { clear: none; float: left; height: 65px; width: 45%; font-size: 14pt; }

.ContactForm .DataHolder { position: relative; }

.ContactForm .DataHolder.DataHolderCaptcha { float: right; width: 50%; }



.ContactForm .DataHolder .Title { background: none repeat scroll 0 0 #555; display: block; font-size: 14pt; height: 30px; margin-left: -5%; padding-left: 5%; width: 100%; -moz-border-radius-topright: 200px 30px; border-top-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; -moz-border-radius-topleft: 70px 200px; border-top-left-radius: 70px 199px; color: #fff; }



.ContactForm .DataHolder textarea.TB { height: 375px; width: 100%; padding-top: 4px; resize: none; padding-bottom: 20px; }



.ContactForm .DataHolder .TB { height: 35px; width: 100%; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; font-size: 14pt; -moz-border-radius-bottomleft: 30px 200px; border-bottom-left-radius: 30px 200px; -moz-border-radius-bottomright: 200px 30px; border-bottom-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; }

.ContactForm .DataHolder .field-validation-error { position: absolute; }

.ContactForm .Left { float: left; width: 45%; }

.ContactForm .Right { float: right; width: 50%; }

.CMS .ContactForm .Right { }

.ContactForm .Right .DataHolder .Title { width: 100%; }

.ContactForm .DataHolder.DataHolderCaptcha .Title { width: 100%; }

.ContactForm .DataHolder.DataHolderCaptcha .TB { width: 73%; }

.ContactForm .DataHolder.DataHolderCaptcha img { -moz-border-radius-bottomleft: 30px 200px; border-bottom-left-radius: 30px 200px; -moz-border-radius-bottomright: 200px 30px; border-bottom-right-radius: 200px 30px; box-shadow: 0 0 8px -1px #555555; float: left; width: 27%; height: 33px; }

.ContactForm .DataHolder.DataHolderCaptcha .BTN { height: 33px; left: 0; position: absolute; width: 27%; background: none repeat scroll 0 0 transparent; }

/*--------------------------------------------------------------------------------------------------- Modul ContactForm ---------*/

.ModulHolder .Items { float: left; }

.ModulHolder .Items .ItemHolder { margin-bottom: 30px; float: left; }

.ModulHolder .Items > div:last-of-type { margin-bottom: 0px; }

.ModulHolder .Items .Item { float: left; width: 450px; margin-right: 0px; }
/*450*/

.CMS .ModulHolder .Items .Item { width: 436px; }

.ModulHolder .Items .Item article { min-height: 226px; color: #000; padding-left: 25px; background: none repeat scroll 0 0 #fff; box-shadow: 0 0 8px -1px #555555; -moz-border-radius-bottomleft: 15px 200px; border-bottom-left-radius: 15px 200px; }

.CMS .ModulHolder .Items .Item article { min-height: 214px; }

.ModulHolder .Items .Item header > span { display: none; }

.ModulHolder .Items .Item header h3 { color: #e9e9e9; background: none repeat scroll 0 0 #555; font-size: 14pt; padding: 5px 0 5px 3%; position: relative; right: 5%; width: 103%; box-shadow: 0 0 8px -1px #555555; -moz-border-radius-topleft: 70px 200px; border-top-left-radius: 70px 200px; /*-moz-border-radius-topright: 70px 200px; border-top-right-radius: 70px 200px;*/ }

.CMS .ModulHolder .Items .ItemHolder .CarouFredSel.GallerySlider .CMS.Controls { display: none; }

.ModulHolder .Items .CarouFredSel.GallerySlider { height: 296px; width: 370px; float: left; }
/*370*/

.ModulHolder .Items .CarouFredSel.GallerySlider > .Controls { bottom: 48px; float: left; height: 10px; left: 13px; width: 40px; }

.ModulHolder .Items .CarouFredSel.GallerySlider > .Controls .BTN { height: 30px; width: 30px; }

.ModulHolder .Items .CarouFredSel.GallerySlider > .Controls .BTN.Prev { background-size: 22px; right: 30px; }

.ModulHolder .Items .CarouFredSel.GallerySlider > .Controls .BTN.Next { background-size: 22px; }

.ModulHolder .Items .CarouFredSel.GallerySlider .caroufredsel_wrapper { border: 10px solid #555; border-top-width: 35px; border-bottom-width: 15px; -moz-border-radius-bottomleft: none; border-bottom-left-radius: inherit; -moz-border-radius-topright: 20px 40px; border-top-right-radius: 20px 40px; /*200px 50px*/ -moz-border-radius-bottomright: 20px 40px; border-bottom-right-radius: 20px 40px; float: left !important; }

.ModulHolder .Items .CarouFredSel.GallerySlider ul li { height: 246px; }

.ModulHolder .Items .CarouFredSel.GallerySlider ul li img.IMGGallery { opacity: 0;   }/*width: 100%;*/

.HeaderContainer .CarouFredSel.GallerySlider ul li img.IMGGallery { opacity: 0; }

.HeaderContainer .CarouFredSel.GallerySlider ul li { background-size: 100% auto; background-repeat: no-repeat; }

/*--------------------------------------------------------------------------------------------------- Modul Gallery Slider ---------*/

footer.PageFooter { display: none; }

.CssToJsData { top: 20px; }

.CMS .CssToJsData { top: 100px; }

body { display: block !important; }

.MenuToggleClick { display: none; }

@media all and (max-width : 767px) {
    body { }
    /* STYLES GO HERE */

}



@media all and (min-width : 1025px) and (max-width : 1316px) {
    body { }
    /* STYLES GO HERE */

}

@media only screen and (max-width : 1025px) and (orientation : landscape) {
    body { background-size: 100% auto; }
}

@media only screen and (max-width : 1025px) and (orientation : portrait) {
    body { background-size: auto 100%; }
}

@media all and (min-width : 1024px) {
    
}

@media all and (min-width : 1316px) {
    .GallerySlider { max-width: 920px; }
}

@media all and (max-width : 1330px) {

    .ModulHolder .Items .Item { width: 50%; }

    .ModulHolder .Items .CarouFredSel.GallerySlider { width: 50%; }
}

@media all and (max-width : 1355px) {

    .CMS .CMS.Controls { display: none; }

    .Master .PageHolder { width: 100%; }

    .Master .PageHolder .Page { float: right; height: 100%; margin-top: 0; width: 70%; }

    header.PageHeader { margin-right: 2%; width: 28%; }

    header.PageHeader .MenuHeader { margin-top: 20px; }

    header.PageHeader .ModulHolder.GallerySliderHolder { left: auto; top: auto; position: relative; width: 100%; }

    .GallerySlider { height: 244px; }

    .GallerySlider ul { height: 244px; }

    .GallerySlider ul li { height: 244px; }

    .HeaderContainer .CarouFredSel.GallerySlider ul li { background-size: 100% 100%; }

    .GallerySlider .caroufredsel_wrapper { border-bottom-left-radius: inherit; }
}

@media all and (max-width : 800px) {

    header.PageHeader {
        margin-right: 0;
        width: 100%;
    }

    .Master .PageHolder .Page {
        margin-top: 20px;
        width: 100%;
    }

    header.PageHeader .ModulHolder.GallerySliderHolder { left: auto; top: auto; width: auto; height: auto; }

    .GallerySlider { height: 244px; }

    .GallerySlider ul { height: 244px; }

    .GallerySlider ul li { height: 244px; }

    .HeaderContainer .CarouFredSel.GallerySlider ul li { background-size: 100% auto; }
}

/*iPad in portrait & landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    body { }
    /* STYLES GO HERE */

}

/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */
}

/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* STYLES GO HERE */
}