/************************************
* *
* slnecnepolia.sk *
* CSS by: fatchilli.com, mB *
* *
* All web content *
* *
* Last update: 27.10.2007, 19:48 *
* *
************************************/
* {margin:0; font-family: sans-serif;}
body {background: #bebebe url(../images/body_background.jpg) repeat-x;}
a img, img, fieldset, .no-border {border: none;}
canvas {position: absolute; top: 0; left: 0; z-index: 2;}
p {margin-bottom: 1em;}
.p ul {padding-left: 40px; margin-bottom: 10px;}
/* Headings - H2 */
h2, h2 span {display: block; width: 708px; height: 62px; position: absolute; left: 0; top: 0; overflow: hidden; _width: 707px;}
h2 span {top: 0; background-image: url(../images/h2_rest.png);}
.home h2 {top: 218px;}
.home h2 span {background-image: url(../images/h2_home.png);}
.lokalita h2 span {background-image: url(../images/h2_lokalita.png);}
.projekt h2, .predaj h2 {top: 2.6em;}
/* Headings - H3 */
.projekt h3 {color: #3E6C3C;}
h3, .p h3 {font-size: 1em; margin-bottom: 10px;}
.p h3 {font-size: 1.33em !important;}
.p h3 {font-size: 1.17em;}
.h3, .h3 span {display: block; width: 226px; height: 68px; position: relative; margin: 0 auto;}
.h3 span {position: absolute; top: 0; left: 0; z-index: 1;}
h3.vizualizacie span {background-image: url(../images/h3_vizualizacie.png);}
h3.aktualny, h3.aktualny span {height: 51px; background-image: url(../images/h3_fotografie.png);}
h3.podlazie span {background-image: url(../images/h3_podlazie.png);}
/* Headings - H4 */
h4 {font-size: 0.95em;}
/* Links */
a:hover {color: #5c5b60 !important;}
.home a, .lokalita a {color: #dd762c;}
.predaj a {color: #607695;}
.projekt a {color: #3e6c3c;}
.hidden {display: none;}
.clear {clear: both;}
.p {font-size: 0.75em; line-height: 150%; text-align: justify; margin-bottom: 10px;}
.blank {z-index: 5;}
.absolute {position: absolute; top: 0; left: 0;}
.large {font-size: 1.5em;}
/* --- | Layout | --- */
#page {width: 59.38em; margin: 0 auto; padding: 3.13em 5px 0 0; position: relative; background: url(../images/page_background.jpg) right 2.81em no-repeat; _width: 59.31em;}
#content {background-color: #FFF; color: #5c5b60; =min-height: 1px; _height: 1px;}
.col-1 {width: 15.13em; float: left; padding-bottom: 20px;}
.col-2 {padding: 80px 30px 20px 29px; width: 40.56em; float: right; position: relative; min-height: 390px; _height: 390px; _padding-right: 29px;}
.home .col-2 {padding-top: 300px; min-height: 220px; _height: 220px;}
.projekt .col-2, .predaj .col-2 {padding-top: 7.81em;}
/* Foot */
#foot {height: 6.25em; background: #FFF url(../images/foot_background.jpg) right bottom no-repeat;}
#foot small {display: block; padding-top: 20px; text-align: center;}
#foot .col-1 a {letter-spacing: 1px;}
#foot .col-2 {min-height: 1px; _height: 1px; padding-top: 0px;}
#foot .col-2 small {border-top: 1px solid #cecdcf;}
/* Logo */
h1 a, h1 span {display: block; width: 242px; height: 186px; position: relative;}
h1 span {background-image: url(../images/logo.png);}
/* Small buildings picture */
#small-buildings-box {height: 185px; background-image: url(../images/grey_background.png); position: relative; margin-bottom: 15px;}
.home #small-buildings-box {height: 280px;}
.small-buildings {width: 242px; height: 186px;}
/* Zoom */
.zoom {font-size: 0.75em; padding: 4px 10px 4px 44px; background-repeat: no-repeat; background-color: #5c5b60; background-position: 10px 4px; color: #FFF; text-decoration: none; position: absolute; left: 0; top: 163px; color: #FFF !important; z-index: 10;}
.zoom:hover {color: #d07331 !important; background-position: 10px -17px;}
.zoom.plus {background-image: url(../images/zoom_plus.png);}
.zoom.minus {background-image: url(../images/zoom_minus.png);}
/* Large buildings picture */
#large-buildings-box {position: absolute; top: 3.13em; right: 5px; z-index: 1; display: none;}
.large-buildings {width: 708px; height: 372px;}
/* Box with photos */
.photo-box {text-align: center; font-size: 0.69em;}
.photo-box a.photo img {border: 5px solid #cecdcf; margin: 0 8px 5px 8px;}
.photo-box a:hover img {border-color: #DF752C;}
.photo-box a {color: #5c5b60;}
.photo-box a:hover {color: #DF752C;}
/* Floor select */
#col-floors {list-style: none; padding-left: 25px; font-size: 0.75em;}
#col-floors li {margin-bottom: 0em;}
#col-floors a {display: block; position: relative; width: 100%; height: 4.6em; margin-bottom: 0.5em; text-decoration: none !important;}
#col-floors a img {border: 5px solid #cecdcf; width: 45px; height: 45px;}
#col-floors a span {position: absolute; left: 85px; top: 35%;}
#col-floors .hover, #col-floors a:hover, #col-floors a.active {font-weight: bold; text-decoration: underline !important;}
#col-floors .hover img, #col-floors a:hover img, #col-floors a.active img {border-color: #607695;}
/* Floor detail */
.relative {position: relative; _height: 1px; min-height: 1px;}
div.flats-box-a1a2 {float: left; margin-right: 1px; left: -25px; top: 0px; position: absolute;}
.flats-box-a1a2 {width: 330px; height: 330px;}
.flats-tab {font-size: 0.69em; border-collapse: collapse; width: 32em; float: right; margin: 12px -10px 0 0; position: relative; z-index: 1;}
.flats-tab .t-head th {background-color: #FFF; text-align: left; border: none !important; font-size: 1.2em; padding-bottom: 10px;}
.flats-tab td {background-color: #FFF;}
.flats-tab th {background-color: #cecdcf;}
.flats-tab th, .flats-tab td {padding: 0px 2px; border: 1px solid #cecdcf; text-align: center;}
.flats-tab tr.hover-flat td {color: #FFF;}
.flats-tab tr.predany.hover-flat td {background-color: #c9753b;}
.flats-tab tr.rezervovany.hover-flat td {background-color: #5a7159;}
.flats-tab tr.volny.hover-flat td {background-color: #66768b;}
.flats-tab a.disabled {cursor: default; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.flats-tab a.disabled img {filter: alpha(opacity=40);}
.flats-tab.pricelist {position: relative; width: 100%; float: none; margin-bottom: 20px;}
.pair {border-color: #000;}
.white {background-color: #FFF !important;}
.no-border {height: 0.75em; border: none !important;}
tr.pair td {background-color: #EDEDED;}
/* --- | Short navigation | --- */
#short-navigation {list-style: none; padding: 0; position: absolute; right: 4px; _right: 3px; top: 23px;}
#short-navigation li {float: left;}
#short-navigation a {display: block; width: 6.50em; margin-right: 1px; font-size: 0.75em; color: #FFF; text-decoration: none; text-align: center; padding: 0.5em 0; float: left; background-color: #5c5b60;}
#short-navigation a:hover, #short-navigation a.active {background-color: #878787; text-decoration: underline; color: #FFF !important;}
/* --- | Navigation | --- */
#navigation {list-style: none; padding: 0; position: absolute; top: 3.13em; right: 5px; z-index: 1; background-color: #5c5b60;}
#navigation.no-shadow {background-image: none !important;}
#navigation li {float: left;}
#navigation a, #navigation span {dispaly: block; height: 186px; position: relative; float: left; color: #FFF;}
h1 span, #navigation span {position: absolute; z-index: 1; cursor: pointer; top: 0; left: 0;}
#navigation a:hover span, #navigation a.active span {background-position: left -186px;}
.home #navigation {height: 404px; background: #5c5b60 url(../images/navigation_background.png) right bottom no-repeat;}
.home #navigation a, .home #navigation span {height: 372px;}
.home #navigation a:hover span {background-position: left -372px;}
/* Lokalita */
a#lokalita, a#lokalita span {width: 236px; background-image: url(../images/nav_lokalita_1.png);}
.home a#lokalita, .home a#lokalita span {width: 237px; background-image: url(../images/nav_lokalita.png);}
/* Projekt */
a#projekt, a#projekt span {width: 236px; background-image: url(../images/nav_projekt_1.png);}
.home a#projekt, .home a#projekt span {width: 236px; background-image: url(../images/nav_projekt.png);}
/* Predaj */
a#predaj, a#predaj span {width: 236px; background-image: url(../images/nav_predaj_1.png);}
.home a#predaj, .home a#predaj span {width: 235px; background-image: url(../images/nav_predaj.png);}
/* --- | Submenu | --- */
#submenu {width: 44.25em; height: 3.88em; position: absolute; top: 0; left: 0; _left: -1px; overflow: hidden;}
#submenu a {color: #FFF; font-size: 0.75em; font-weight: bold; letter-spacing: 1px}
#submenu a.active, #submenu a:hover {text-decoration: none; color: #FFF !important;}
.projekt #submenu {background-image: url(../images/projekt_background.png);}
.predaj #submenu {background-image: url(../images/predaj_background.png);}
/* Projekt */
.projekt #submenu ul {list-style: none; padding: 1.3em 0 0 1.2em;}
.projekt #submenu li {display: inline; margin: 0 1.7em;}
/* Predaj */
.predaj #submenu ul {position: absolute; border: 1px solid #b0bbca; right: 22px; top: 13px; padding: 0.5em 0; width: 13em;}
.predaj #submenu li {display: inline;}
.predaj #submenu a {font-size: 0.69em; padding: 1px 0 1px 20px; margin-left: 1.5em;}
.predaj #submenu a#financovanie {padding-left: 17px; background: url(../images/financovanie.png) left 1px no-repeat;}
.predaj #submenu a#cennik {background: url(../images/cennik.png) left -1px no-repeat;}
/* --- | Filter | --- */
#filter {position: absolute; left: 15px; top: 3px;}
#filter legend {display: none;}
#filter fieldset {padding: 0;}
#filter label {font-size: 0.69em; color: #FFF; margin-left: 5px;}
#filter select {font-size: 0.63em; padding: 0; width: 12em; margin-right: 0.75em;}
#filter .button {border: none; text-transform: lowercase; color: #FFF; font-weight: bold; font-size: 0.69em; letter-spacing: 1px; background: transparent url(../images/search.png) 3px 2px no-repeat; padding-left: 22px; text-decoration: underline; =padding-left: 10px;}
#filter table {border: none;}
#filter td { vertical-align: bottom;}
/* TPL budova.php */
div.building {position: relative;}
.building {width: 648px; height: 434px;}
/* TPL vizualizacie.php */
.foto {display: block; width: 140px; height: 113px; overflow: hidden; border: 5px solid #cecdcf; float: left; margin: 0 12px 12px 0;}
.foto a, .foto a img { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90);}
.foto a:hover, .foto a:hover img { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
/* TPL Kontakt */
.contact {position: relative; margin-bottom: 30px;}
.contact p {margin-left: 200px;}
.contact img {position: absolute; left: 0; top: 0;}
.label {width: 21.5em; float: left;}
.contact-table th {width: 21em;}
.contact-table th, .contact-table td {text-align: left; vertical-align: top;}
/* TPL Predaj */
.content-buildings {width: 648px; height: 434px;}
/* ---| Lightbox |--- */
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a { outline: none;}
#lightbox a img{ border: none;}
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px; }
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink, #prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em;}
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}