@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;text-decoration:none}
body, html {width:100%;height:100%;margin:0;padding:0;background:#F8F8F8}

@font-face {font-family:oswaldlight;src:url('fonts/oswaldlight.ttf')}
@font-face {font-family:poiretone-regular;src:url('fonts/poiretone-regular.ttf')}

.menu-out {width:100%;background:#FFF;border-top:10px solid #C00;border-bottom:2px solid #C00}
.menu-in {margin:0 auto;padding:0 2%;width:96%;max-width:1100px}

.menu {float:right}
.logo:before {float:left;content:url(images/logo.png);top:0;position:absolute}

nav{position:relative}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:'oswaldlight', sans-serif}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:50px 15px 40px 15px;border-right:1px solid #F9F9F9;font-size:14px;text-decoration:none;color:#000}
#cssmenu > ul > li:first-child > a {border-left:1px solid #F9F9F9}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#C00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#AAA;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#AAA;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;list-style:none}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 25px;width:150px;font-size:12px;text-decoration:none;color:#ddd}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{background:#444;color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#444}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

a.inside {color:#888;text-decoration:none}

.banner {height:450px;background:url(images/banner.jpg);background-position:center;border-bottom:1px solid #BBB}
.banner-in-1 {height:425px}
.banner-in-2 {height:25px;background:url(images/transparent-white.png)}
.banner-bottom {height:5px;background:#CCC}


.title-line {padding:5px 0;border-bottom:1px solid #C36}

.h1-line {float:left;width:75%}

.form-line {float:left; width:25%;text-align:right}

h1 {font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:300;color:#888}

h2 {margin:0 0 10px 0;font-family:'poiretone-regular', sans-serif;font-size:30px;font-weight:300;color:#000}

.tumu {text-decoration:none;color:#BBB;font-size:14px;padding-top:3px;float:right}
.tumu:hover {color:#666}

.text {margin:0 auto;width:100%;max-width:1100px;padding:25px 0;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#888;text-align:justify}

.text-left {float:left;width:65%;margin-right:2%}
.text-right {float:left;width:29%;padding-left:2%;border-left:1px dashed #CCC;}


.content-container {margin:25px auto;width:100%;max-width:1100px}
.grey-container {background:#EEE}

.title-container {background:#F2F2F2}
.title {margin:0 auto;width:100%;max-width:1100px;padding:25px 0;font-family:'oswaldlight', sans-serif;font-size:18px;color:#888;}



form {margin:0}
.input {width:64%;padding:5px 3%;border:1px solid #C36;border-radius:3px 0 0 3px;background:#EEE;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#000}
.submit {width:24%;padding:5px 3%;border:1px solid #C36;border-radius:0 3px 3px 0;background:#C00;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#000}





.plistdiv {width:100%}

#plist {margin:0;padding:0}
#plist li {list-style:none;float:left;margin-top:7px;cursor:pointer;background:#FFF;font-family:Tahoma, Geneva, sans-serif;font-size:10px;width:32%}
#plist li a.plist {font-family:Arial, Helvetica, sans-serif;font-size:13px;text-decoration:none;color:#777;display:block}

.mpplimgspan {border:1px solid #EEE;border-radius:3px 3px 0 0;overflow:hidden;display:block}
.mpplimgspan img {width:100%;margin-bottom:-3px}
.mppltitlespan {height:25px;margin-top:1px;padding:5px;display:block}
.shortdescription {height:14px;padding:5px; font-family:"Century Gothic";font-size:11px;color:#999;display:block}
.mpplbottomspan {font-family:Tahoma, Geneva, sans-serif;margin-top:3px;padding:5px;height:17px;border-top:1px dashed #EEE;border-bottom:1px solid #EEE;display:block}
.mpplalanspan {float:left;font-size:12px;color:#999;padding:1px 0}
.mpplalanspan sup {font-size:8px}
.mpplpricespan {float:left;font-size:13px;color:#444;font-weight:bold}
.mpplgospan {float:right}

.pagination {width:100%;max-width:1100px;height:50px;margin:25px 0;padding:15px 0;border-top:1px solid #EEE}
a.s {font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#EEE;text-decoration:none;text-align:center;width:18px;height:18px;padding:6px 10px;background:#555;margin:1px}
a.s:hover {color:#e0e0b9;background:#333}



.details-container {margin:75px auto 15px auto;padding:10px 0;width:100%;max-width:1100px;border-top:1px solid #C36}

.details-left {float:left;width:37%;margin-right:3%}
.details-right {float:left;width:60%}

.details-right h1 {margin-bottom:15px;font-family:Arial, Helvetica, sans-serif;font-size:25px;color:#333}
.details-price {margin-bottom:15px;font-family:Tahoma, Geneva, sans-serif;font-size:20px;font-weight:bold;color:#C00;display:block}
.details-text {font-family:Tahoma, Geneva, sans-serif;font-size:13px;color:#555;display:block}

.detailphoto {width:100%;padding-bottom:20px}
.phone {margin-top:25px}

.bigimglink {width:96%;height:16px;padding:2px 2%;margin-top:7px;background:#CCC;overflow:hidden;display:block}
.bigimglink a {width:100%;padding:0 0 5px 0;text-decoration:none;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#FFF;display:block}

.contentheader {width:100%;margin:25px 0 0 0;padding:10px 0;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#777;border-bottom:2px solid #DDD;display:block}

.propertyline {width:100%;height:24px;font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#999;display:block;border-bottom:1px dashed #DDD}
.pl-left {float:left;width:20%;padding:5px 0;text-align:left;display:block}
.pl-right {float:left;width:80%;padding:5px 0;display:block}
sup {font-size:7px}


.title-out {width:100%;background:#EEE;border-bottom:1px solid #E5E5E5}
.title-in {margin:0 auto;padding:35px 0 25px 0;width:100%;max-width:1100px}
.title-in h1 {font-family:'oswaldlight', sans-serif;font-size:25px;color:#333}
.contactdiv {float:left;width:50%}
.adresdiv {float:left;width:42%;padding:2% 4%;font-family:Tahoma, Geneva, sans-serif;font-size:12px; color:#666}
.contactspan {width:100%;margin-bottom:7px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#555;line-height:175%;display:block}
.contactbuttonspan {width:100%;margin:2% 0;display:block}
.contactinput {width:95%;border:1px solid #CCC;padding:3px 2%;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#777;border-radius:3px}
.contacttextarea {width:95%;height:80px;border:1px solid #CCC;border-radius:3px;padding:2%;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#777}

.messagesendbutton {border:0;border-radius:3px;width:100px;padding:10px 15px;background:#C00;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#FFF;text-align:left}

.pagecontent {text-align:justify;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#777}

.bottom-out {width:100%;padding:30px 0;background:#FFF;border-top:1px solid #C00;display:block}
.bottom-in {margin:0 auto;padding:0 4%;width:92%;max-width:1100px}

.bottom-in-left {float:left}
.bottom-in-right {float:right}

#bottommenu {margin:0;padding:0}
#bottommenu li {margin:0;padding:0;list-style:none;float:left}
#bottommenu li a.bottom-menu {font-family:'oswaldlight', sans-serif;font-size:12px;color:#999;text-decoration:none;border-right:1px solid #555;padding:0 10px;display:block}
#bottommenu li:first-child a.bottom-menu {border-left:1px solid #555}
#bottommenu li a.bottom-menu:hover {color:#EEE}

.keys {margin:0 auto; padding:25px 0; height:10px; width:100%; max-width:1100px;}
a.keys {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCC;
text-decoration:none;
padding-right:5px;
}
a.keys:hover {
text-decoration:underline;
}

.map-location {width:100%;content:url(images/map-location-didim.jpg);border-top:1px solid #DDD;border-bottom:1px solid #BBB}



@media screen and (max-width: 800px), (max-device-width: 800px) {
.menu-out {width:100%;height:45px;padding:5px 0;background:#FFF}
.menu-in {margin:0;padding:0;width:100%}
.menu {width:100%}
.logo:before {content:""}
.logo-m{position:absolute;top:0;left:15px;height:46px;float:none;content:url(images/logo-m.png)}

nav{width:100%}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;background:#FFF;border-top:1px solid #EEE}
#cssmenu ul li:hover{background:#EEE}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu > ul > li > a{padding:17px 25px}
#cssmenu ul ul li a{padding-left:50px}
#cssmenu ul ul li{background:#FFF!important}
#cssmenu ul ul li:hover{background:#EEE!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#CCC}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index:12399994}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#DDD;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#DDD;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #227dab;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#EEE}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

.banner {height:150px;background:url(images/banner.jpg);background-size:cover;background-position:center;border-bottom:1px solid #BBB}
.banner-in-1 {height:125px}

.title {text-align:center}

.h1-line {float:none;width:100%;text-align:center}

.form-line {float:none;width:100%;text-align:center}

h1 {font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:300;color:#888}

h2 {margin:0 0 10px 0;font-family:'poiretone-regular', sans-serif;font-size:20px;color:#000}

.text {margin:0 5%;width:90%;font-size:13px;text-align:center}

.text-left {float:left;width:100%;margin-right:0}
.text-right {float:left;width:100%;margin-top:15px;padding-top:15px;padding-left:0;border-left:0;border-top:1px dashed #CCC;text-align:left}

.content-container {margin:25px 5%;width:90%}
.grey-container {background:#EEE}




#plist li {margin-top:15px;margin-left:0;font-size:10px;width:94%;padding:0 3%}
#plist li a.plist {font-size:14px}
.mpplimgspan {overflow:hidden;border:1px solid #EEE;border-radius:3px 3px 0 0;background:#CCC;display:block}
.mppltitlespan {height:25px;text-align:center}
.shortdescription {height:35px;font-size:12px;text-align:center}


.details-container {margin:0 auto;padding:0;width:100%;border-top:0}

.details-left {float:left;width:100%;margin-right:0}
.detailphoto {margin:0 auto;width:100%;max-width:360px;padding-bottom:20px}

.phone {margin-top:25px;text-align:center}

.details-right {float:left;padding:15px 5%;width:90%}

.details-right h1 {margin-bottom:15px;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#333;text-align:center}
.details-price {margin-bottom:15px;font-size:25px;font-weight:bold;color:#C00;display:block;text-align:center}
.details-text {font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:555;display:block;text-align:center}

.contentheader {background:#DDD;color:#FFF;text-align:center}

.pl-left {float:left;width:50%;padding:5px 0;display:block}
.pl-right {float:left;width:50%;padding:5px 0;text-align:right;display:block}

.pagecontent {text-align:center}

.bottom-in-left {float:none;text-align:center}
.bottom-in-right {float:none;text-align:center}

}