html, body, #wrapper{height: 100%; width: 100%;}
html{overflow-y: hidden;}
body, select, input, textarea{font-family: Tahoma, Sans-Serif, Arial, Verdana; font-size: 11px;}
body{background: #333 url("../multimedia/images/common/background.gif") repeat left top;}

#frm_request_visit{background-image: none; background-color: #000;}
#frm_container{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}

#wrapper{min-width: 996px; min-height: 600px; margin: 0 auto;}

#wrapper .col{width: 33%; height: 100%; float: left; position: relative;}
#wrapper .col.fw_r{width: 66%;}
#wrapper .col.first-child{width: 34%}
#wrapper .col > div{float: left; height: 50%; width: 100%; position: relative;}
#wrapper .col > div.fh{height: 100%;}
#wrapper .col.fw_r > div{width: 100%;}
#wrapper .col.fw_r.fw_b > div{height: 100%;}

.sqr3, .sqr4, .sqr5, .sqr6{background-color: #000;}
.sqr1 hr, .sqr2 hr{height: 1px; width: 100%; color: #333; background-color: #333; position: absolute; left: 0; bottom: 0; border: 0; margin: 0; padding: 0;}
.sqr2 hr{color: #000; background-color: #000; top: 0;}

.sqr1 ul.nav_languages li a, .sqr1 ul.nav_languages li span, #bt_contacts, .sqr1 li a, .sqr2 li a, a.show_house, ul.contacts_itens li a, .contacts_fullinfo a,
#frm_request_visit a, .overview a, .worker_draws .house_preview a, .house_large_photos a, .nav_floors a, a.homepage, a.houses{
  display: block; position: absolute; background-color: #333; color: #fff; text-transform: uppercase;text-align: center; line-height: 30px; min-height: 30px; width: 30px; font-size: 10px;
}
.sqr1 ul.nav_languages li span{width: auto; padding-left: 4px; padding-right: 4px;}
.sqr1 ul.nav_languages li #bt_music_play.selected, .sqr1 ul.nav_languages li #bt_music_stop.selected {background-color: #333 !important; color: #666 !important;}
.sqr1 ul.nav_languages {position: absolute; }
.sqr1 ul.nav_languages li{display: inline; float: left;}
.sqr1 ul.nav_languages li a, .sqr1 ul.nav_languages li span{position: relative;}
.sqr1 a.homepage, .sqr1 a.houses {right: 0; width: 100px;}
.sqr1 a.houses {right: 100px;}

#bt_contacts, a.show_house{width: 80px; top: 50%; left: 50%; margin: -15px 0 0 -40px; color: #666;}
.sqr1 ul.nav_languages li a:hover, .sqr1 ul.nav_languages li a.selected, .sqr1 a:hover, .sqr1 a.selected, .sqr2 a:hover, .sqr2 a.selected, #bt_contacts:hover, #bt_contacts.selected, a.show_house:hover, a.show_house.selected,
ul.contacts_itens a:hover, ul.contacts_itens a.selected, .contacts_fullinfo a:hover, .house_preview .nav a.selected, .nav_floors a:hover, .nav_floors a.selected, a.homepage:hover, a.houses:hover, a.play, a.pause{
  color: #ccc !important; background-color: #666 !important;
}
.house_preview{width: 100%; height: 100%; background-color: #000; text-align: center;}
.house_preview img.preview{width: 100%; height: 100%;}

#gallery .house_preview table{width: 100%; height: 100%;}
#gallery .house_preview table td{vertical-align: middle; text-align: center; max-width: 100%;}
#gallery .house_preview table td img.preview{max-width: 100%; height: auto; /**display: none;*/}

.house_preview .description{display: none; position: absolute; bottom: 0; left: 0; height: 62px; width: 100%; background-color: #000;}
.house_preview:hover .description{display: block;}
.house_preview .description p{padding: 14px 8px 8px 16px; line-height: 14px;}
#gallery .house_preview .description{background-color: transparent;}

.house_preview .border_t, .house_preview .border_r, .house_preview .border_b, .house_preview .border_l {position: absolute; background-color: #000;}
.house_preview .border_t, .house_preview .border_b{left: 0; width: 100%; height: 5px;}
.house_preview .border_t{top: 0;}
.house_preview .border_b{bottom: 0;}
.house_preview .border_r, .house_preview .border_l{top: 0; width: 5px; height: 100%; }
.house_preview .border_r{right: 0;}
.house_preview .border_l{left: 0;}

.col span.border{position: absolute; display: block; width: 1px; height: 100%; top: 0; z-index: 1000;}
.col span.border.r{right: 0; background-color: #333;}
.col span.border.l{left: 0; background-color: #000;}

a.show_house{width: 30px;margin-left: -15px;}

ul.contacts_itens, .contacts_fullinfo{position: absolute; top: 50%; margin-top: -150px;}
ul.contacts_itens{right: 60px;}
ul.contacts_itens li:first-child{margin-top: 0;}
ul.contacts_itens li {margin-top: 15px;}
ul.contacts_itens li a{width: 300px; display: block;position: relative; padding: 0 10px;}

.contacts_fullinfo{left: 60px;}
.contacts_fullinfo p:first-child{margin-top: 0;}
.contacts_fullinfo p{margin-top: 12px; line-height: 15px;}
.contacts_fullinfo p span{display: block; color: #666; font-size: 13px; text-transform: uppercase; font-weight: 700; margin-bottom: 4px;}
.contacts_fullinfo a.request_visit{position: relative; margin-top: 20px;  width: 130px;}
.contacts_fullinfo a.request_visit span{background-image: url("../multimedia/images/pages/icons/email.png"); background-repeat: no-repeat; background-position: 0 0; padding-left: 30px; color: #ccc;  line-height: 30px; }
.contacts_fullinfo a.request_visit:hover span{background-position: 0 -14px; color: #fff;}

.sqrmap img{width: 100%; height: 100%;}
.sqrmap div{width: auto; height: 46px; padding: 8px 8px 8px 38px; position: absolute; left: 50%; top: 50%; margin-top: -70px; color: #ccc; background: #666 url("../multimedia/images/pages/icons/house.png") no-repeat 10px 8px;}
.sqrmap div p:first-child{margin-top: 0px;}
.sqrmap div p{margin-top: 4px;}

.sqr2 ul.nav_main{width: 94%; margin-left: 3%; height: 100%;}
.sqr2 ul.nav_main li {float: left; display: block; margin-top: 8px; width: 100%; height: 17%;}
.sqr2 ul.nav_main li a{width: 100%; height: 100%; position: relative;}
.sqr2 ul.nav_main li a span{position: absolute; top: 50%; left: 50%; width: 200px; height: 20px; margin-top: -10px; margin-left: -100px; text-align: center; color: #fff; display: block; line-height: 20px;}
.sqr2 ul.nav_main li a:hover span{color: #ccc !important;}

.content{padding: 0 8px; height: 100%;}
.content .jscroll{overflow: auto; }
.content img:first-child{margin: 20px 0;}
.content p{line-height: 14px;}

.sqr1 .content, .sqr2 .content{margin-top: 20px; height: 80%; padding: 0 40px;}
.sqr1 .content{margin-top: 60px;}
h2{font-weight: 900; font-size: 16px; margin-bottom: 14px; text-transform: uppercase; }

.sqr2 .content{height: 69%;}

.sqr2 .blueprint{text-align: center; height: 100%;}
.sqr2 .blueprint img{height: 60%; margin: 30px 0;}

.sqr2 ul.blueprints li:first-child{margin-top: 0;}
.sqr2 ul.blueprints li{margin-top: 5px;}
.sqr2 ul.blueprints span{display: inline-block; background: transparent url("../multimedia/images/pages/icons/bullet.png") no-repeat center center; color: #ccc; width: 22px; height: 17px; margin-right: 4px; text-align: center; padding-top: 5px;}

.house_preview.blueprint_large {text-align: center;background-color: #000;}
.house_preview.blueprint_large table{width: 100%; height: 100%;}
.house_preview.blueprint_large table td{vertical-align: middle; text-align: center;}
.house_preview.blueprint_large table td img{width: 70%;}

#frm_request_visit{position: absolute; left: 50%; top: 50%; margin-left: -175px; margin-top: -180px; width: 318px; height: 342px; padding: 20px;}
#frm_request_visit p:first-child{margin-top: 0; font-weight: 700; font-size: 14px; color: #666; margin-bottom: 16px; text-align: left; text-transform: uppercase;}
#frm_request_visit p{margin-bottom: 10px; text-align: center;}
#frm_request_visit input, #frm_request_visit textarea{background-color: #333; width: 300px; border: 0; color: #999;padding: 8px;}
#frm_request_visit p.dates input{float: left;width: 130px;}
#frm_request_visit p.dates input[name="txt_time"]{float: right;}
#frm_request_visit textarea{margin-top: 10px; height: 80px;}
#frm_request_visit input[type="submit"]{background-color: #666; color: #fff; width: 60px; height: 30px; text-align: center; line-height: 30px; text-transform: uppercase;}
#frm_request_visit a{top: 0; right: 0;}

.overview .house_preview .description, .house_large_photos .description{display: block;}
.overview .house_preview .description p, .house_large_photos .description p{padding: 12px 70px;}
.overview a, .worker_draws .house_preview a, .house_large_photos .house_preview a{width: 50px; height: 50px;bottom: 0; text-align: center; line-height: 50px;}
.worker_draws .house_preview a{top: 50%;}
.overview a img, .worker_draws .house_preview a img, .house_large_photos a img{ width: 11px; height: 17px; margin-top: 16px;}
.overview a.next, .worker_draws .house_preview a.next, .house_large_photos a.next, .house_preview a.pause{right: 1px;}
.overview a.previous, .worker_draws .house_preview a.previous, .house_large_photos a.previous{left: 1px;}
.overview .house_preview .description{height: 50px; background-color: #000 !important;}
.overview .house_preview .description p{padding-top: 4px;}

.house_preview a.play, .house_preview a.pause{width: 20px; height: 20px; background: #333 url("../multimedia/images/pages/icons/play.png") no-repeat center center !important; bottom: 0 !important; top: auto !important;}
.overview .house_preview a.play, .overview .house_preview a.pause{top: 0 !important;}
.house_preview a.pause{background-image: url("../multimedia/images/pages/icons/pause.png") !important;}
.house_preview a.play{right: 31px; display: none;}

.house_large_photos .house_preview a{top: 50%; margin-top: -24px;}
.house_large_photos .house_preview .description p{padding-left: 10px; padding-right: 10px;}
.house_large_photos .house_preview .nav{position: absolute; top: 0; right: 0; height: 40px; width: 400px; }
.house_large_photos .house_preview .nav a{position: relative; float: right; width: 40px; height: 40px; line-height: 40px; margin-top: 0; top: 0;}
.house_large_photos .house_preview .nav a img{margin-top: 12px;}
.house_large_photos .house_preview .nav a.selected{width: auto; padding: 0 16px; text-align: center;}

.nav_floors{position: absolute; bottom: 0; left: 0; width: 100%;}
.nav_floors table{width: 100%; margin-top: 2px;}
.nav_floors table td{height: 30px; padding: 0 2px;}
.nav_floors table.types td{width: 33%;}
.nav_floors table tr td.first, .nav_floors table tr td.last{padding: 0;}
.nav_floors table td a{position: relative; width: 100%; height: 100%;}

p, strong, .house_preview span, h2, .sqr2 ul.blueprints li{color: #999;}
strong{font-weight: 700;}
a{text-decoration: none;}
a.close, a.more{background-image: url("../multimedia/images/pages/icons/close.png"); background-repeat: no-repeat; background-position: center center;}
a.more{background-image: url("../multimedia/images/pages/icons/more.png");}
a.more:hover{background-image: url("../multimedia/images/pages/icons/more_hover.png");}
#gallery_description.loading, #gallery .loading2{background-image: url("../multimedia/images/common/preloaders/ajax-loader.gif"); background-position: right center; background-repeat: no-repeat;}
#gallery .loading2{background-position: center center; background-repeat: no-repeat; width: 56px; height: 21px; position: absolute; top: 50%; left: 50%; display: none; margin: -28px 0 0 -11px;}

#gallery iframe{width: 100%; height: 100%; z-index: 9999;}