body, img {padding: 0; margin: 0; border: 0;}
html, body, #body-wrap {min-height: 100%; padding: 0; margin: 0;}

body {font-family: "PT Sans", "Arial", Helvetica, sans-serif; font-size: 14px; color: #000000; background: #EDECF1 url(../images/web/bg_body.jpg) no-repeat top center fixed; text-align: center;}
h1 {font-size: 30px; font-weight: normal; padding: 15px 0 10px 0; margin: 0; font-family: "PT Sans", "Arial", Helvetica, sans-serif;}
h2 {font-size: 24px; font-weight: normal; padding: 15px 0 10px 0; margin: 0; font-family: "PT Sans", "Arial", Helvetica, sans-serif;}
h3 {font-size: 20px; font-weight: normal; padding: 10px 0; margin: 0; font-family: "PT Sans", "Arial", Helvetica, sans-serif;}
h4 {font-size: 18px; font-weight: bold; padding: 8px 0; margin: 0; font-family: "PT Sans", "Arial", Helvetica, sans-serif;} 
h5 {font-size: 14px; font-weight: bold; padding: 5px 0; margin: 0; font-family: "PT Sans", "Arial", Helvetica, sans-serif;}
h1, h2, h3, h5 {color: #E20614;}
sup { vertical-align: top; font-size: 0.6em; }

#body-wrap {background: url(../images/web/bg_body_wrap.png) no-repeat bottom center; width: 100%; height: 100%; position: relative;}
    #flash-container {position: absolute; bottom: 100px; right: 0; text-align: center; width: 100%;}
    #flash-wrap {margin: 0 auto; width: 1057px; max-width: 100%; position: relative; height: 206px;}
        #flash-wrap #flash {position: absolute; left: -137px; top: -17px;}

#page {width: 998px; margin: 0 auto; text-align: left;}
#header {height: 214px; width: 100%; position: relative; text-align: left; padding: 0; background: url(../images/web/bg_header.png) no-repeat top right;}
    #logo {margin: 20px 0 27px 0px; display: block; float: left;}
#menu {background: url(../images/web/bg_menu.png) no-repeat top center; padding: 8px 0 0 0; height: 53px; width: 100%;}
    #menuHoriz {margin: 0 0 0 25px; list-style: none; height: 57px; padding: 0; position: relative; z-index: 10;}
    #menuHoriz > li {position: relative; float: left; padding: 0; display: block; margin: 0; background: url(../images/web/bg_menu_separator.gif) no-repeat left center;}
    #menuHoriz > li:first-child {background: none;}
    #menuHoriz > li > a {font-size: 15px; font-weight: 700; color: #4c4c4c; text-decoration: none; display: block; float: left; padding: 15px 23px 15px 24px; height: 22px; line-height: 22px; font-family: "PT Sans", Arial, Helvetica, sans-serif;}
    #menuHoriz > li > a:hover, #menuHoriz > li > a.topmenu {color: #E20614;}
    #menuHoriz > li > a > span {position: absolute; bottom: -9px; left: 0; background: url(../images/web/bg_menu_li_active.gif) no-repeat top center; width: 100%; height: 9px; display: none;}
    #menuHoriz > li > a.topmenu > span {display: block;}
    #menuHoriz > li > ul {display: none; position: absolute; left: 0px; top: 52px; margin: 0; padding: 0; width: 169px; list-style: none; background: #f7f7f7; border: 1px solid #C0C0C0; border-top: 0 none;}
    #menuHoriz > li > ul > li {clear: both; float: left; padding: 0px 10px; width: 150px;}
    #menuHoriz > li > ul > li > a {display: block; text-align: left; padding: 7px 0; border-bottom: 1px solid #E5E5E5; color: #4c4c4c; background: none; height: auto; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; border-top: 1px solid #FDFDFD;}
    #menuHoriz > li > ul > li:first-child > a {border-top: 0 none;}
    #menuHoriz > li > ul > li > a:hover {text-decoration: underline; color: #e20614;}
    #menuHoriz > li > ul > li > ul {display: none; position: absolute; left: 170px; top: 0px; margin: 0; padding: 0; width: 169px; list-style: none; background: #c30a00;}
    #menuHoriz > li > ul > li > ul > li {clear: both; float: left; padding: 0px 10px; width: 150px;}
    #menuHoriz > li > ul > li > ul > li > a {display: block; text-align: left; padding: 7px 0; border-top: 1px solid #D5544D; color: #fff; background: none; height: auto; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase}
    #menuHoriz > li > ul > li > ul > li:first-child > a {border-top: 0 none;}
    #menuHoriz > li > ul > li > ul > li > a:hover {text-decoration: underline;}
    #menuHoriz li:hover > ul {display: block;}
#mobile-menu {display: none;}
.slicknav_menu {background: transparent; margin: 0 0 10px 0; padding: 0;}
.slicknav_btn {float: none; margin: 0 auto 10px auto; overflow: auto; width: 40px; padding: 10px; border-radius: 50px; height: 40px; line-height: 50px; background: #dcdcdc;}
.slicknav_btn:hover {background: #ccc;}
.slicknav_menu .slicknav_menutxt {display: none;}
.slicknav_menu .slicknav_icon {float: none; margin: 0 auto; padding: 8px 0 0 0; display: block;}
.slicknav_menu .slicknav_icon-bar {margin-left: auto; margin-right: auto; background: #000000; height: 5px; width: 1.8em;}
.slicknav_nav a {color: #000;}
.slicknav_nav {border: 1px solid #ccc;}
.slicknav_nav > li {background: #fdfdfd !important; border-bottom: 1px solid #ccc; }
.slicknav_nav ul > li:first-child {border-top: 0 none;}
.slicknav_nav ul > li {border-top: 1px solid #f1f1f1;}
.slicknav_nav > li > a, .slicknav_nav ul li > a {background: none; width: 100%; color: #000; padding: 10px 0 !important;}
.slicknav_nav > li > a:hover, .slicknav_nav ul li a:hover  {background: #f5f5f5 !important;}
.slicknav_nav > li > a > a {background: transparent !important; color: #000 !important;}
.slicknav_nav ul {margin: 0;}
.slicknav_nav .slicknav_row:hover {color: #000;}
        
#content {width: 100%; background: url(../images/web/bg_content.png) repeat-y top center; position: relative; margin: 0 0 253px 0;} 
    #content-bottom {position: absolute; bottom: -33px; left: 0; width: 100%; display: block; background: url(../images/web/bg_content_bottom.png) no-repeat top center; height: 33px;}
    #mainbar {width: 926px; padding: 10px 36px 10px 36px; float: left; min-height: 350px; position: relative; color: #3f3f3e;  }
        #mainbar p {margin: 7px 0; padding: 0; text-align: justify;}
        #mainbar a {color: #415b8d;}
        #mainbar ul, #mainbar ol {margin: 7px 0; padding: 0;}
        #mainbar ul li, #mainbar ol li {padding: 0 0 0 5px; margin: 2px 0 2px 2.5em;}
        #mainbar table {width: 100%;}
        #mainbar td {vertical-align: top;}
        #mainbar td h1, #mainbar td h2 {padding: 15px 0; line-height: 30px; font-size: 24px;}
        #mainbar hr {background: url(../images/web/bg_hr.gif) repeat top center; height: 1px; width: 100%; margin: 15px 0; border: 0 none;}
    #content.contact h2 {font-size: 1.3em; padding: 5px 0 0 0; margin: 0; line-height: 1em; color: #3f3f3e}
    .hp-box {float: left; background: url(../images/web/bg_hp_box.gif) no-repeat top right; padding: 0 10px; width: 215px; margin: 0 0 20px 0;}
        .hp-box.first {border-left: 0 none; padding: 0 10px 0 0;}
        .hp-box.fourth {padding: 0 0 0 10px; border-right: 0; background: none;}
        .hp-box h2 {font-size: 18px; color: #3f3f3e; padding: 10px 0 5px 0;} 
        .hp-box p {line-height: 16px; margin: 10px 0;}
        .hp-box p img {display: inline-block; max-width: 100%;}
            .hp-box.third p img {max-width: 87%;}
            .hp-box.fourth p img {max-width: 64%;} 
            #mainbar .hp-box ul {list-style-type: none; padding: 0; margin: 10px 0;}
            #mainbar .hp-box ul li {background: url(../images/web/bg_li.gif) no-repeat left center; padding: 0 0 0 20px; margin: 7px 0 7px 3px;}
#footer {font-size: 13px; margin: 20px 0 10px 0; color: #3f3f3e;}
    #footer-menu {float: left; width: 180px; margin: 0 0 0 15px; padding: 0; list-style-type: none;}
        #footer-menu li {border-bottom: 1px dashed #c3c3c3;}
        #footer-menu li a {padding: 5px 0; display: block; font-size: 13px; color: #3f3f3e; text-decoration: none;}
        #footer-menu li a:hover {text-decoration: underline;}
    #footer-left {float: left; width: 600px; text-align: left; margin: 3px 0 0 15px; font-size: 12px;}
        #footer-left p {margin: 7px 0; line-height: 14px;}
        #footer-left a {color: #3f3f3e;}  
        #footer-left .fb-share {float: left; width: 100px; margin: 13px 0 0 10px; overflow: hidden; height: 20px; display: block;}
        #footer-left .fb-like {float: left; width: 120px; margin: 13px 0 0 10px; overflow: hidden; height: 20px; display: block;}
        #footer-left .fb-icon {float: left; width: 50px;}
    
#contactFormWrap {width: 230px;}    
#contactForm {/*background: #e6e6ec url(../images/web/bg_contact_form.gif) repeat-x bottom left;*/ padding: 5px 10px; width: 230px;}
    #contactForm fieldset {border: 0 none; padding: 0; margin: 0;}
        #contactForm legend {display: none; }
    #contactForm .uni-input, #contactForm .uni-textarea {width: 212px;}
    #contactForm p {margin: 5px 0; }    
.uni-input {border: 1px solid #D1D1D1; font-family: "Arial", Helvetica, sans-serif; font-size: 12px; padding: 5px 8px;}
.uni-textarea {border: 1px solid #D1D1D1; font-family: "Arial", Helvetica, sans-serif; font-size: 12px; padding: 5px 8px;}
.uni-textarea.placeholder {color: #9d9d9d;}
.sendButton {border: 0 none; background: #c30a00; padding: 10px 20px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; font-family: "Arial", Helvetica, sans-serif; cursor: pointer;}
.sendButton:hover {background: #ca251d;}

.ui-checkbox span {background: url(../images/web/bg_checkbox.png) no-repeat bottom left; width: 15px; height: 17px; display: inline-block; margin: 4px 10px 0 0; float: left;}
.ui-checkbox.checked span {background-position: top left;}
.ui-input {background: url(../images/web/bg_input.png) no-repeat top left; width: 167px; padding: 0 10px; height: 31px; border: 0 none; color: #3f3f3e;}
.ui-input:focus {outline: 0 none;}
.btn-search {background: url(../images/web/bg_btn_search.png) no-repeat top left; width: 58px; height: 55px; text-transform: capitalize; text-indent: -9999px; border: 0 none; cursor: pointer;}

#search-form {margin: 5px 0 5px 10px;}
#search-form label {line-height: 31px;}
#search-form fieldset {border: 0 none; padding: 0; margin: 0;}
#search-form legend {display: none;}
#search-form .col {float: left;}
    #search-form .col-xs {width: 100px; padding: 7px 0 0 0;}
        #search-form .col-xs .nomargin {margin: 0;}
    #search-form .col-s {width: 212px;}
    #search-form .col-m {width: 280px;} 

#Fotogalerie a {padding: 1px; border: 2px solid black; margin: 3px; display: block; float: left;}
#Fotogalerie a:hover {border: 2px solid #626236;}
.Fotogalerie {margin-top: 10px;}
.fotobox {border: 2px solid #4f0009; display: block; float: left; text-align: center; margin: 0 10px 10px 0;}
.fotobox div {width: 157px; height: 103px; overflow: hidden; display: block; margin: 0px; display: block; float: left;}
.fotobox div a {}
.fotobox div a img {}

.floatleft {float: left;}
.floatright {float: right;}
.ClearBoth, .clear {clear: both;}
.center {text-align: center !important;}
.hidden {display: none;}
.right {text-align: right;}

.akce_hover {background: #4fb223;}
.akce_popisek {display: none; position: absolute; text-align: left; background-color: #4fb223; padding: 8px; margin-top: 3px;}
.akce_popisek a {text-decoration: none;}

.img-special-wrap {background: url(../images/web/bg_img_special_wrap.gif) repeat-x center left; margin: 25px 0 10px 0; float: none; clear: both;}
    .img-special {border: 1px solid #b8b8b8; border-radius: 15px; display: block; overflow: hidden; float: left; width: 248px; height: 244px; background: #fff; text-align: center;}
    .img-special img {min-width: 100%; }
    .img-special-middle {margin: 0 88px;}


/* Homepage - TABS TOP OFFER */
.tab-container {border: 1px solid #c7c7c7; margin: 10px 4px 10px 4px; border-radius: 5px;}
    .etabs {margin: 0; padding: 0; border-bottom: 1px solid #c7c7c7; list-style-type: none; overflow: auto;} 
        .tab {}
        .tab a {font-size: 14px; font-weight: bold; color: #3f3f3e; line-height: 32px; text-decoration: none; float: left; border-right: 1px solid #c7c7c7; display: block; padding: 0 15px; outline: none; min-width: 90px; text-align: center;}
        .tab a:hover {text-decoration: none; color: #415b8d;}
        .tab.active, .tab a.active {color: #415b8d;}
    .tab-content {padding: 10px 15px;}
#tab-tops {margin-top: 40px;}
#tab-tops .tab-content {padding: 0;}

.top-offer {padding: 0; margin: 0; list-style-type: none; overflow: auto;}
    .top-item {float: left; display: block; width: 308px; border-left: 1px solid #c7c7c7; padding: 10px 10px;}
    .top-offer > .top-item:first-child {border-left: 0;}
    .top-item-img {float: left; width: 161px;}
    .top-item-img img {border-radius: 5px;}
    .top-item-content {float: left; margin: 0 0 0 10px; width: 135px;}
    .top-item-content h3 {font-size: 14px; margin: 0; padding: 0;}
    .top-item-content h3 a {color: #415b8d; font-weight: bold; text-decoration: none; line-height: 18px; height: 54px; display: block; overflow: hidden;}
    .top-item-content h3 a:hover {text-decoration: underline;}
    .top-item-content .tag {margin: 5px 15px 5px -10px; padding: 3px 10px 3px 5px; background: #771f1c; font-size: 13px; text-transform: uppercase; color: #fff; font-weight: bold; display: block; text-align: right; border-radius: 0 5px 5px 0;}
    .top-item-content .price {display: block; margin: 7px 0 3px 3px; font-size: 18px; font-weight: bold; color: #3f3f3e; }
 
/* FILTER RESULT */
#result-items {margin: 25px 0 10px 0;}
    .result-item {float: left; width: 450px; padding: 5px 5px 5px 5px; margin: 0 3px 10px 0;}
    .result-item:hover {background: #fdfdfd; border-radius: 5px;}
        .result-item-img {float: left; width: 161px;}
        .result-item-img img {border-radius: 5px;}
        .result-item-content {float: left; margin: 0 0 0 10px; width: 279px;}
        .result-item-content h3 {font-size: 18px; margin: 0; padding: 0;}
        .result-item-content h3 a {color: #415b8d; font-weight: bold; text-decoration: none; line-height: 20px; height: 44px; display: block; overflow: hidden;}
        .result-item-content h3 a:hover {text-decoration: underline;}
        .result-item-content .price {display: block; margin: 5px 0 3px 0; font-size: 18px; font-weight: bold; color: #3f3f3e; }
        .result-item-content .price .small {font-size: 13px; font-weight: normal; line-height: 16px;}
        .result-item-content .info-line {font-size: 13px; display: block; line-height: 15px;}
    
/* MAIN DETAIL */
#detail-box {background: #f7f7f7; padding: 7px; position: relative; margin: 0 0 30px 0;}
    /*#detail-main {float: left; width: 665px; height: 373px; display: block; overflow: hidden;}*/
    /*#detail-main {width: 100%;}
    #detail-main ul {margin: 0; padding: 0; list-style-type: none;}
    #detail-main li {margin-top: 0 !important; margin-left: 0 !important; margin-bottom: 0 !important; padding: 0 !important;}
    #detail-thumbs {margin: 0 0 0 3px; float: left; width: 244px; position: relative;}
    #detail-thumbs ul {margin: 0; padding: 0; list-style-type: none; height: 373px; overflow: hidden; width: 244px !important;}
    #detail-thumbs ul li {padding: 0; margin: 0 0 4px 3px !important; float: left; height: 90px;}
    #detail-thumbs ul li a {width: 119px; height: 90px; display: block; overflow: hidden; position: relative;}
    #detail-thumbs ul li a span {background: url(../images/web/bg_detail_thumb_hover.png) no-repeat top left; position: absolute; top: 0; left: 0; width: 119px; height: 90px; display: none;}
    #detail-thumbs ul li a.active span {display: block;}
    #detail-thumbs .arrow-up {background: url(../images/web/bg_roundarrow_top.gif) no-repeat top center; width: 244px; height: 22px; display: block; position: absolute; top: -29px; left: 0;}
    #detail-thumbs .arrow-down {background: url(../images/web/bg_roundarrow_bottom.gif) no-repeat top center; width: 244px; height: 22px; display: block; position: absolute; bottom: -29px; left: 0;}
    */
    #detail-fb {position: absolute; bottom: -30px; right: 260px; width: 275px;}
        #detail-fb .print {float: right; padding: 0 0 0 25px; width: 30px; background: url(../images/web/icon_print.gif) no-repeat center left; font-size: 13px; text-decoration: none !important; margin: 0; line-height: 18px;}
        #detail-fb .fb-like {float: left; width: 120px;}
        #detail-fb .fb-share {float: left; width: 100px;}
        
h2.blue-title {font-size: 16px; font-weight: normal; color: #ffffff; display: block; overflow: auto;}
h2.blue-title span {background: #2F5B90 url(../images/web/bg_small_title.gif) no-repeat center right; line-height: 21px; float: left; padding: 3px 25px 3px 15px; min-width: 180px;}
    
#detail-description {}
    #detail-description h2, #detail-description h3 {font-size: 16px; font-weight: bold; color: #3f3f3e;}
    #detail-description h2 {color: #fff; font-weight: normal;}
    .dcol {float: left;}
    .dcol ul {margin: 0; padding: 0; list-style-type: none;}
        #mainbar .dcol li {margin: 0; padding: 3px 0; border-bottom: 1px dashed #c7c7c7;}
        .dcol .label {float: left; width: 155px;}
        .dcol strong {color: #415b8d;}
        .dcol strong.green {color: #5f9041;}
        .dcol strong.red {color: #d10000;}
    .dcol-l {width: 100%; margin-right: 0%;}
    .dcol-half {width: 47%; margin-right: 3%;}
    .dcol-third {width: 30%; margin-right: 3%;}
#detail-map {float: left; width: 450px;}
#detail-contact {float: right; width: 450px;}
.detail-box {background: #f7f7f7; padding: 7px;}

#gallery-2 {
		width: 100%;
		background: #151515;
		-webkit-user-select: none;
		-moz-user-select: none;  
		user-select: none;
	}
.bootstrap-select {width: 186px !important;}
.bootstrap-select:focus {outline: 0 none;}
.bootstrap-select button {background: url(../js/bootstrap-select/bg_select.png) no-repeat top left !important; width: 186px !important; border: 0 none; height: 32px; box-shadow: 0 none;}
.bootstrap-select button:focus {outline: 0 none;}
.bootstrap-select.btn-group .btn .caret {display: none;}

@media only screen and (max-width: 767px) {
    body {background: #EDECF1;}
    #body-wrap {background: none;}
    #page {width: 80%;}
    #header {height: auto; text-align: center; background: none;}  
        #logo {margin: 0 0 10px 0; float: none;}
    #menu {background: none; height: auto;}
        #mobile-menu {display: block;}
        #menuHoriz {display: none;}
        #mainbar {width: 90%; padding: 2% 5%;}
    #content table tr {display: block;}    
    #content table td {display: block; margin: 10px 0; text-align: left;}
    #content table td iframe {width: 100%;}
    .hp-box {float: none; border-left: 0 none; width: 100%; padding: 0 !important; border-top: 1px solid #dbdbdb;  background: none;}
        .hp-box.first {border-left: 0 none; width: 100%; border-top: 0;}
        .hp-box.second, .hp-box.fourth {width: 100%;}
        /*.hp-box.third {text-align: center; width: 100%;}
        .hp-box.second, .hp-box.second p, .hp-box.third p {text-align: center !important;}*/
        .top-item {float: none; display: block; width: 96%; border-left: 0 none; padding: 2% 2%; overflow: auto;  border-bottom: 1px solid #dbdbdb;}
        .top-item-content {float: left; margin: 0 0 0 10px; width: 160px;}
        .top-item-content h3 {font-size: 16px; margin: 0; padding: 0;}
        .top-item-content h3 a {height: 46px;}
        .top-item-content h3 a:hover {text-decoration: underline;}
        .top-item-content .tag {margin: 5px 15px 5px 0px; padding: 3px 10px 3px 5px; background: #771f1c; font-size: 13px; text-transform: uppercase; color: #fff; font-weight: bold; display: inline-block; text-align: right; border-radius: 5px; behavior: url(js/PIE.php);}
    #search-form .col-m {width: 365px;} 
        .col-m label {width: 100px; float: left; width: 100px;}
    /* FILTER RESULT */
    #result-items {margin: 10px 0;}
        .result-item {float: none; overflow: auto; width: 95%; padding: 5px; margin: 0 0 10px 0; border-bottom: 1px solid #f5f5f5; border-right: 0 none !important;}
        .result-item:hover {background: #fdfdfd; border-radius: 5px; behavior: url(js/PIE.php);}
            .result-item-img {float: left; width: 161px;}
            .result-item-img img {border-radius: 5px; behavior: url(js/PIE.php);}
            .result-item-content {float: left; margin: 0 0 0 10px; width: 149px;}
            .result-item-content h3 {font-size: 18px; margin: 0; padding: 0;}
            .result-item-content h3 a {color: #415b8d; font-weight: bold; text-decoration: none; line-height: 20px; height: 60px; display: block; overflow: hidden;}
            .result-item-content h3 a:hover {text-decoration: underline;}
            .result-item-content .price {display: block; margin: 5px 0 3px 0; font-size: 18px; font-weight: bold; color: #3f3f3e; }
            .result-item-content .price .small {font-size: 13px; font-weight: normal; line-height: 16px;}
            .result-item-content .info-line {font-size: 13px; display: block; line-height: 15px; display: none;}
    
    /* MAIN DETAIL */
    #detail-box {background: #f7f7f7; padding: 7px; position: relative; margin: 0 0 30px 0;}
       #detail-box #mapa {margin-bottom: 5px;}
       #detail-fb {display: none;}
            #detail-fb .print {float: right; padding: 0 0 0 25px; width: 30px; background: url(../images/web/icon_print.gif) no-repeat center left; font-size: 13px; text-decoration: none !important; margin: 0; line-height: 18px;}
            #detail-fb .fb-like {float: left; width: 120px;}
            #detail-fb .fb-share {float: left; width: 100px;}
        #mobile-preview {display: block;}
        .arrow-up, .arrow-down, #gallery-2 {display: none !important;}
  
    .dcol {float: none; width: 100%;} 
        .dcol ul {margin: 0; padding: 0; list-style-type: none;}
            #mainbar .dcol li {margin: 0; padding: 3px 0; border-bottom: 1px dashed #c7c7c7; overflow: auto;}
            .dcol .label {float: left; width: 30%;}
            .dcol .label-text {float: right; width: 60%;}
            .dcol strong {color: #415b8d;}
            .dcol strong.green {color: #5f9041;}
            .dcol strong.red {color: #d10000;}
        .dcol-l {width: 100%; margin-right: 0%;}
        .dcol-half {width: 100%; margin-right: 0%;}
            .dcol-half .label-text {width: 60%;}
        .dcol-third {width: 100%; margin-right: 0%;}
            .dcol-third .label-text {width: 60%;}
    #detail-map {float: none; width: 100%;}
        #mapa {width: 100% !important;}
        #detail-map p {margin: 7px 0 0 0; width: 100%;}
    #detail-contact {float: none; width: 100%;}
        #detail-contact label {float: left; width: 165px; margin: 0 0 0 7px; line-height: 31px;}
        #detail-contact .ui-input-contact, #detail-contact .ui-textarea-contact {margin-left: 7px;}
        #detail-contact .btn-send-contact {float: left; margin-left: 179px;}
    
    
    #footer-menu {float: none; width: 100%; margin: 0; padding: 0; list-style-type: none;}
    #footer-left {float: none; width: 100%; text-align: left; margin: 10px 0; font-size: 12px;}
    
    .col-s.nd, .col-xs.center {margin-left: 100px;}
    
    .img-special-wrap {background: none; text-align: center; margin: 15px 0 10px 0; }
    .img-special {width: 170px; height: 170px; display: inline-block; float: none; margin: 10px 0 0 0;}
    .img-special img {max-width: 100%; min-height: 100%;}
    .img-special-middle {margin: 10px 10px 0 10px;}
    
    #content iframe, #content img {max-width: 100%;}
    #content iframe {margin: 10px 0;}
    #flash-container {display: none;} 
    #content {margin-bottom: 30px;}
    object {max-width: 100%;}   
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    
    body {background: #EDECF1 url(../images/web/bg_body_1024.jpg) fixed;}
    #body-wrap {background: url(../images/web/bg_body_wrap_1024.png) no-repeat bottom right; z-index: 20;}
    #flash-wrap #flash {width: 768px; left: auto; right: 226px; top: 46px;}
    /*#body-wrap {background: none;}*/
    #page {width: 80%; margin: 0 18% 0 2%;}
    #header {height: auto; background: none;}
        #logo {margin: 0 auto; float: none; text-align: center;}
    #content {margin-bottom: 150px;}
    #menu {background: none; height: auto;}
        #menuHoriz {display: none;}
        #mobile-menu {display: block; text-align: center;}
        .slicknav_btn {background: #fff;}
        .slicknav_btn:hover {background: #f5f5f5;} 
        #mainbar {width: 90%; padding: 2% 5%;}
    .hp-box {float: none; border-left: 0 none; width: 100%; padding: 0 !important;  border-top: 1px solid #dbdbdb; background: none !important;}
        .hp-box.first {width: 100%; border-top: 0 none;}
        .hp-box.second, .hp-box.fourth {width: 100%;}
        /*.hp-box.third {text-align: center; width: 100%;}
        .hp-box.second, .hp-box.second p, .hp-box.third p {text-align: center !important;}*/
    .top-item {float: none; display: block; width: 96%; border-left: 0 none; padding: 2% 2%; overflow: auto; border-bottom: 1px solid #dbdbdb;}
    .top-item-content {float: left; margin: 0 0 0 10px; width: 335px;}
    .top-item-content h3 {font-size: 16px; margin: 0; padding: 0;}
    .top-item-content h3 a {height: 46px;}
    .top-item-content h3 a:hover {text-decoration: underline;}
    .top-item-content .tag {margin: 5px 15px 5px 0px; padding: 3px 10px 3px 5px; background: #771f1c; font-size: 13px; text-transform: uppercase; color: #fff; font-weight: bold; display: inline-block; text-align: right; border-radius: 5px; behavior: url(js/PIE.php);}
    .top-item-content .price {display: block; margin: 7px 0 3px 3px; font-size: 18px; font-weight: bold; color: #3f3f3e; }
    #search-form .col-m {width: 365px;} 
        .col-m label {width: 100px; float: left; width: 100px;}
    /* FILTER RESULT */
    #result-items {margin: 10px 0;}
        .result-item {float: none; overflow: auto; width: 95%; padding: 5px; margin: 0 0 10px 0; border-bottom: 1px solid #f5f5f5; border-right: 0 none !important; }
        .result-item:hover {background: #fdfdfd; border-radius: 5px; behavior: url(js/PIE.php);}
            .result-item-img {float: left; width: 161px;}
            .result-item-img img {border-radius: 5px; behavior: url(js/PIE.php);}
            .result-item-content {float: left; margin: 0 0 0 10px; width: 335px;}
            .result-item-content h3 {font-size: 18px; margin: 0; padding: 0;}
            .result-item-content h3 a {color: #415b8d; font-weight: bold; text-decoration: none; line-height: 20px; height: 44px; display: block; overflow: hidden;}
            .result-item-content h3 a:hover {text-decoration: underline;}
            .result-item-content .price {display: block; margin: 5px 0 3px 0; font-size: 18px; font-weight: bold; color: #3f3f3e; }
            .result-item-content .price .small {font-size: 13px; font-weight: normal; line-height: 16px;}
            .result-item-content .info-line {font-size: 13px; display: block; line-height: 15px;}
    
    /* MAIN DETAIL */
    #detail-box {background: #f7f7f7; padding: 7px; position: relative; margin: 0 0 30px 0;}
       #detail-box .arrow-up {background: url(../images/web/bg_roundarrow_top.gif) no-repeat top center; width: 244px; height: 22px; display: block; position: absolute; top: -22px; right: 4px;}
       #detail-box .arrow-down {background: url(../images/web/bg_roundarrow_bottom.gif) no-repeat top center; width: 244px; height: 22px; display: block; position: absolute; bottom: -22px; right: 4px;}
       #detail-box #mapa {margin-bottom: 5px;}
       #detail-fb {position: absolute; bottom: -30px; right: 260px; width: 275px;}
            #detail-fb .print {float: right; padding: 0 0 0 25px; width: 30px; background: url(../images/web/icon_print.gif) no-repeat center left; font-size: 13px; text-decoration: none !important; margin: 0; line-height: 18px;}
            #detail-fb .fb-like {float: left; width: 120px;}
            #detail-fb .fb-share {float: left; width: 100px;}
        
        

    #footer-left {width: 100%;}    
    .dcol {float: none; width: 100%;} 
        .dcol ul {margin: 0; padding: 0; list-style-type: none;}
            #mainbar .dcol li {margin: 0; padding: 3px 0; border-bottom: 1px dashed #c7c7c7; overflow: auto;}
            .dcol .label {float: left; width: 30%;}
            .dcol .label-text {float: right; width: 60%;}
            .dcol strong {color: #415b8d;}
            .dcol strong.green {color: #5f9041;}
            .dcol strong.red {color: #d10000;}
        .dcol-l {width: 100%; margin-right: 0%;}
        .dcol-half {width: 100%; margin-right: 0%;}
            .dcol-half .label-text {width: 60%;}
        .dcol-third {width: 100%; margin-right: 0%;}
            .dcol-third .label-text {width: 60%;}
    #detail-map {float: none; width: 100%;}
        #mapa {width: 100% !important;}
        #detail-map p {margin: 7px 0 0 0; width: 100%;}
    #detail-contact {float: none; width: 100%;}
        #detail-contact label {float: left; width: 165px; margin: 0 0 0 7px; line-height: 31px;}
        #detail-contact .ui-input-contact, #detail-contact .ui-textarea-contact {margin-left: 7px;}
        #detail-contact .btn-send-contact {float: left; margin-left: 179px;}
        
    .img-special-wrap {background: none; text-align: center;}
        .img-special {width: 170px; height: 170px; display: inline-block; float: none;}
        .img-special img {max-width: 100%; min-height: 100%;}
        .img-special-middle {margin: 0 10px;}
    #content.contact iframe {width: 100%;}
}