/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #cdbe9c; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

.ico-mail { background: url(../img/ico-mail.png) no-repeat 0 50%; padding: 0 0 0 30px; }
.ico-print { background: url(../img/ico-print.png) no-repeat 0 50%; padding: 0 0 0 30px; }
.ico-zoom { background: url(../img/ico-zoom.png) no-repeat 0 50%; padding: 0 0 0 30px; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; clear: both; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-left-half { margin-left: -918px; width: 454px; }
.col-right-half { margin-left: -454px; width: 454px; }
.col-main { margin-left: -733px; width: 733px; xxz-index: 15; background: white url(../img/bg-col-main.png) no-repeat 0 100%; padding-bottom: 30px; zoom: 1; left: 960px; }
.col-side { margin-left: -960px; width: 227px; margin-top: 30px; min-height: 550px; }

.col-flat-img { margin-left: -100%; width: 300px;  }
.col-flat-desc { margin-left: -363px; width: 363px;  }

.row-flat {  margin-bottom: 20px; }

.building-top { background: url(../img/bg-building-top.png) no-repeat 0 0; width: 486px; height: 65px; position: absolute; left: 100px; top: -69px; =top: -65px; }

#mother { width: 960px; margin: 0 auto; zoom: 1; }
#mother-in { background: url(../img/bg-mother-home.png) no-repeat 0 0; margin: 0 -19px 0 -37px; padding: 0 19px 0 37px; min-height: 600px; position: relative; zoom: 1; }

#home-intro { background: url(../img/bg-home-intro.jpg) no-repeat 0 100%; height: 451px; width: 960px; padding-top: 91px; left: 37px;}

/* Header */
#header {  position: relative; z-index: 5; height: 170px; }

.home #header { height: 0; }

#logo { position: absolute; top: 5px; left: 8px; }
#logo a img { display: block; }

#logo2 { position: absolute; top: 66px; left: 71px; }
#logo2 a img { display: block; }

#phone-sticker { position: absolute; right: -27px; top: 34px; z-index: 50;}

#free-flats-sticker { position: absolute; right: -29px; top: 363px; background: url(../img/bg-zbyva.png) no-repeat 0 0; width: 96px; height: 96px; }
#free-flats-sticker span { display: block; text-align: center; }
#free-flats-sticker span.number { font-size: 36px; font-weight: bold; color: #116bad; font-family: Arial Black, Arial, sans-serif; line-height: 1; letter-spacing: -2px; padding: 12px 0 3px; }
#free-flats-sticker span.desc { font-size: 14px; font-weight: bold; color: #4ea3e1; padding: 0 15px; line-height: 1.0; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Footer */
#footer { background: url(../img/bg-footer.png) no-repeat 0 0; margin: 20px -7px 0; padding: 0 20px; position: relative; zoom: 1; }
#footer-in1 { height: 37px; line-height: 37px;}
#footer-in1 .sep { background: url(../img/footer-sep1.png) no-repeat 100% 0; padding-right: 22px; margin-right: 5px; float: left; zoom: 1;}
#footer-in1 p { margin: 0;}
#footer-in1 a { color: #4a4130; }
#footer-in1 a:visited { color: #4a4130; }
#footer-in1 a:hover { color: #df0023; }
#footer-in2 { height: 33px; line-height: 33px; text-align: center; clear: both; zoom: 1; _padding-top: 5px;}
#footer-in2 a { color: #f3efe7; }
#footer-in2 .sep { background: url(../img/footer-sep2.png) no-repeat 100% 50%; padding-right: 22px; margin-right: 15px; }

/* Main menu*/
#main-menu { margin: 0; position: absolute; xwidth: 100%; right: -15px; top: 0px;  }
#main-menu ul { float: right; margin: 0; padding-bottom: 0; }
#main-menu ul li { display: block; float: left; margin: 0; padding: 0; zoom: 1; _display: inline; }
#main-menu ul li.first { background: none; padding-left: 0; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; color: #fff; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; height: 60px; line-height: 60px; position: relative; overflow: hidden; text-indent: -3000px; }
#main-menu ul li a:hover { color: blue; }
#main-menu ul li a:hover .sprite { background-position: 0 -100px; cursor: pointer; }
#main-menu ul li.active a .sprite { background-position: 0 -100px; cursor: default;}
#main-menu ul li.fr { float: right; }

li.mi-byty a { width: 51px; }
li.mi-byty a .sprite { background-image: url(../img/mi-byty.png); }
li.mi-cenik a { width: 58px; }
li.mi-cenik a .sprite { background-image: url(../img/mi-cenik.png); }
li.mi-financovani a { width: 100px; }
li.mi-financovani a .sprite { background-image: url(../img/mi-financovani.png); }
li.mi-home a { width: 71px; }
li.mi-home a .sprite { background-image: url(../img/mi-home.png); }
li.mi-kontakt a { width: 72px; }
li.mi-kontakt a .sprite { background-image: url(../img/mi-kontakt.png); }
li.mi-lokalita a { width: 73px; }
li.mi-lokalita a .sprite { background-image: url(../img/mi-lokalita.png); }
li.mi-nebytove-prostory a { width: 142px; }
li.mi-nebytove-prostory a .sprite { background-image: url(../img/mi-nebytove-prostory.png); }
li.mi-o-projektu a { width: 89px; }
li.mi-o-projektu a .sprite { background-image: url(../img/mi-o-projektu.png); }
li.mi-standardy a { width: 89px; }
li.mi-standardy a .sprite { background-image: url(../img/mi-standardy.png); }


#signpost { background: url(../img/bg-signpost.png) no-repeat 0 0; margin: 20px -10px 20px -37px; padding: 0 0 0 25px; position: relative; zoom: 1; }
#signpost ul { margin: 0; padding: 0; }
#signpost ul li { width: 313px; height: 263px; float: left; background: url(../img/bg-signpost-box.png) no-repeat 0 0; margin: -11px 0 0 10px; padding: 3px 6px 0 12px; width: 295px; position: relative; }
#signpost ul li h2 { margin: 0 0 7px 0; }
#signpost ul li h2 img { display: block; }
#signpost ul li .desc { padding: 2px 5px; line-height: 1.3; }
#signpost ul li .desc a.more-link { background: #84704c url(../img/bullet-more.png) no-repeat 90% 50%; color: white; padding: 1px 16px 3px 3px; text-transform: lowercase; position: absolute; right: 7px; bottom: 13px; }

.home-bottom { background: url(../img/bg-home-bottom.png) no-repeat 0 0; height: 218px; margin: 0 -11px 0 -12px; position: relative; zoom: 1; }
.home-bottom .komfort-intro { width: 280px; position: absolute; left: 20px; top: 20px;  }
.home-bottom .komfort-intro h2 { margin: 0 0 5px; }
.home-bottom .komfort-intro h2 img { display: block; }

.home-bottom .project-list { position: absolute; left: 347px; top: 20px; width: 630px; }
.home-bottom .project-list h2 { margin: 0 0 5px;  }
.home-bottom .project-list h2 img { display: block; }
.home-bottom .project-list ul { margin: 0 0 0 -6px; padding: 0; }
.home-bottom .project-list ul li { margin: 0 0 0 6px; padding: 0; background: none; width: 201px; float: left;  }
.home-bottom .project-list ul li img { padding: 4px 6px 6px 4px; background: url(../img/bg-project-photo-frame.png) no-repeat 0 0; display: block; margin-bottom: 3px; }
.home-bottom .project-list ul li .name { background: url(../img/bullet-arrow1.png) no-repeat 0 60%; padding: 0 0 0 22px; color: black; }

.flat-links { margin: 0 0 20px; }
.flat-links p { margin: 8px 0; }

.side-menu { margin: 85px 20px 20px; font-size: 14px; color: #535353; }
.side-menu ul { margin: 0; }
.side-menu ul li { background: url(../img/bullet-side-menu.png) no-repeat 0 8px; padding: 0 0 0 10px; margin: 5px 0; }

.side-menu .price { color: #116bad; }

.mate-vybrano { position: absolute; top: 0; left: -5px; }

.floor-img { margin-bottom: 30px; }

/* Side flat menu */
.side-flat-menu {position: absolute; right: 0; top: 378px; width: 236px; }
.side-flat-menu ul { margin: 0; padding-bottom: 0; }
.side-flat-menu ul li { display: block; margin: 0; padding: 0; zoom: 1; _display: inline; background: none; }
.side-flat-menu ul li.first { background: none; padding-left: 0; }
.side-flat-menu ul li a { display: block; margin: 0; padding: 0; color: #fff; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; height: 54px; line-height: 54px; position: relative; overflow: hidden; text-indent: -3000px; }
.side-flat-menu ul li a:hover { color: blue; }
.side-flat-menu ul li a:hover .sprite { background-position: 0 -100px; cursor: pointer; }
.side-flat-menu ul li.active a .sprite { background-position: 0 -100px; cursor: default;}
.side-flat-menu ul li.fr { float: right; }

li.sfm-hledam a { width: 236px; }
li.sfm-hledam a .sprite { background-image: url(../img/sfm-hledam.png); }
li.sfm-moznosti-financovani a { width: 236px; }
li.sfm-moznosti-financovani a .sprite { background-image: url(../img/sfm-moznosti-financovani.png); }
li.sfm-standardni-vybava a { width: 236px; }
li.sfm-standardni-vybava a .sprite { background-image: url(../img/sfm-standardni-vybava.png); }


/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-sserif; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.fm-box { background: #e1eadf; padding: 20px 0 20px 20px; margin: 25px 0 20px; zoom: 1; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 30px; padding-bottom: 5px; zoom: 1;}
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }
.fm-col h2 { margin-top: 0; }

.fm-col .w-full { width: 100%; }
.fm-col .w-half { width: 49%; }

/* File icons */
ul.files li { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 0 0; padding: 0; font-size: 0; letter-spacing: -1px; }
.related-images ul li { margin: 0 9px 0 0; padding: 0 0 10px; background: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; letter-spacing: 0; overflow: hidden; font-size: 13px; letter-spacing: 0; line-height: 1.3;  }
.related-images ul li img { display: block; padding: 4px; border: 1px solid #d2d2d2; margin: 0; background: #fff; }
.related-images ul li a, .related-images ul li span { display: block; position: relative;}
.related-images ul li .delete { display: block; position: relative;}


.breadcrumb { background: url(../img/bg-breadcrumb.png) no-repeat 0 0; padding: 5px 20px; margin: -4px 0 15px; font-size: 11px; color: #33658a; zoom: 1; position: relative;  }
.breadcrumb p { margin: 0; position: relative; z-index: 10; }
.breadcrumb a, .breadcrumb a:visited { background: url(../img/bullet-breadcrumb.png) no-repeat 100% 50%; padding-right: 13px; margin-right: 4px; color: #33658a; }
.breadcrumb a:hover { color: black; }

.content { padding: 1px 25px; zoom: 1; }