/** * * nove predelany kod pro Geosan Development - projekt Byty Pierot, Kolín * * v tomto souboru jsou styly POUZE pro nastaveni prvku, ktere se na jednotlivych webech projektu meni * * Dalsi CSS soubory: /allProjects/wide-web/styles/global.css - styl spolecny pro weby v sirokem layoutu ( + hlavni styl layoutu) * /allProjects/global_nove_weby.css - styl spolecny uplne pro vsechny projektove weby * /allProjects/vyber_bytu/vybjer-wide-web.css - styl pro vyber bytu pro weby v sirokem layoutu * /styles/png-transparency-ie.css - obsahuje AlphaImageLoader pro pruhledne PNG v IE6 * /styles/style7.css - hacky pro IE7 * */ #hlavicka{height: 265px; background: url('../img/logo.jpg') no-repeat;} #hlavicka h1{width:300px; height:130px; top:30px; left:170px; } #hlavicka h2{ top: 81px; left:20px; } #hlavicka h1 a { height: 130px; } #hlavicka h2 a { height: 100px; } #topFlashContainer {left: 450px; top: 22px;} /*** UVODNI STRANA - HOMEPAGE ***/ #homepage{display: block; padding-bottom: 70px; position: relative; z-index: 1; overflow: hidden; margin-top: 20px; left: -30px; _left: -20px; width: 805px; _width: 781px; _overflow: visible; } #hp-akce-wide { background: url('../img/hp/hp-akce-wide.jpg') no-repeat; width: 570px; height: 68px; margin: 10px 0px 0px 15px; } #hp-akce-wide a { display: block; width: 570px; height: 68px; } #hp-pravitko-wide { background: url('../img/hp/hp-pravitko-wide.gif') no-repeat; width: 570px; height: 122px; margin: 0px 0px 0px 15px; } #hp-pravitko-wide a { display: block; width: 570px; height: 122px; text-decoration:none; } #homepage #static-right a, #homepage #hp-left a, #homepage #hp-right a { position: relative; z-index: 1; text-decoration: none; } #static-right { position: absolute; top: 9px; right: -18px; _right: -120px; width: 230px; } #homepage #hp_1_house { background: url('../img/hp/hp-house.jpg') no-repeat 0px 0px; } #homepage .hp-house {display: block; width: 606px; height: 265px; position: relative; margin-left: 10px; } #homepage .hp-house a.list{display: block; position: absolute; margin: 40px 0px 0px 406px; width: 200px; height: 225px; text-decoration: none;} #homepage .hp-house a.viewmore{display: block; position: absolute; background: brown; margin: 0px 0px 0px 0px; width: 478px; height: 243px; text-decoration: none; display: none;} #homepage .hp-house a:hover{text-decoration: none;}#homepage #hp-right #hp-fotogalerie{width: 315px; height: 169px; background: url('../img/hp/hp-right1.png') no-repeat; z-index: 100;} #homepage #static-right #hp-fotogalerie { width: 315px; height: 170px; background: url('../img/hp/fotogalerie-cz.png') no-repeat; z-index: 100; } #homepage #static-right #hp-fotogalerie h3 { text-decoration: none; position: absolute; font-size: 2.2em; font-weight: normal; margin: 125px 0px 0px 15px; color: #6d6e71; visibility: hidden;} #homepage #static-right #hp-fotogalerie div { position: absolute; margin: 0px 0px 0px 0px; display: block; width: 315px; height: 169px;} #homepage #static-right #hp-fotogalerie div a { position: relative; display: block; width: 210px; height: 169px; background: url('../img/hp/transparent.gif');text-decoration: none;} #homepage #static-right #hp-geosan{width: 315px; height: 228px; background: url('../img/hp/geosan-cz.png') no-repeat;} #homepage #static-right #hp-geosan h3{text-decoration: none; position: absolute; font-size: 1.8em; font-weight: normal; margin: 75px 0px 0px 15px;color: #6d6e71; visibility: hidden;} #homepage #static-right #hp-geosan h3 span{ color: #f37021;} #homepage #static-right #hp-geosan h3 span em{font-style: normal; font-size: 1.3em;} #homepage #static-right #hp-geosan div{position: absolute;width: 190px; margin: 160px 10px 10px 15px;} #homepage #static-right #hp-geosan div p{position: relative; padding: 0px 0px 0px 15px;} #homepage #static-right #hp-geosan div p a{font-weight: bold;} #homepage #static-right #hp-geosan div.hp-kontakt a{display: block; margin: 17px 0px 0px 95px;} #homepage #static-right #hp-geosan a#gd{display: block; width: 180px; height: 50px; position: absolute; margin: 13px 0px 0px 13px; text-decoration: none;} #homepage #static-right #hp-geosan div.link{position: absolute; top: 0; left: 0; display: block; width: 315px; height: 169px; display: none;} #homepage #static-right #hp-geosan div.link a{position: relative; display: block; width: 210px; height: 228px; background: url('../img/hp/transparent.gif');text-decoration: none;} #homepage #static-right #recepce { width: 214px; height: 100px; background: url('../img/hp/recepce.png') no-repeat; } #homepage #static-right #recepce h3 { display: none; } #homepage #hp-left{float: left; width: 292px; color: #6d6e71; _overflow: hidden; } #homepage #hp-right{float: left; width: 292px; color: #6d6e71; _overflow: hidden; margin-left: 15px; } #homepage #hp-left a, #homepage #hp-right #hp-fotogalerie a{text-decoration: none; } /* #homepage #hp_1_left { background: url('../allProjects/files/letnislevy/banner/sleva-zrusena/homolka-uvod.jpg') no-repeat; margin-left: 14px; } */ #homepage .hp_1 { width: 276px; height: 68px; margin: 5px 0px 10px 0px; } #homepage .hp_1 a { display: block; width: 276px; height: 68px; } #homepage #hp_1_left { display: none; background: url('../allProjects/files/sezonnislevy/soho-home.jpg') no-repeat; margin-left: 15px; height: 68px; } #homepage #hp_1_right { display: none; background: url('../img/prohlidky-bytu.jpg') no-repeat; margin-left: 0px; } /* cenik */ #homepage #hp_2_left { width: 292px; height: 161px; background: url('../img/hp/hp-2-left-cz.jpg') no-repeat; margin: 10px 0px 10px 8px; overflow: hidden; } #homepage #hp_2_right { width: 292px; height: 161px; background: url('../img/hp/hp-2-right-cz.jpg') no-repeat; margin: 10px 0px 10px -8px; overflow: hidden; } #homepage .hp_2 {width: 292px; height: 161px; margin: 0px 0px 0px 0px;} #homepage .hp_2 h3 { color: #6d6e71; text-decoration: none; position: absolute; font-size: 2.1em; font-weight: normal; margin: 18px 0px 0px 20px; visibility: hidden;} #homepage .hp_2 h4{ text-decoration: none; position: absolute; font-size: 1.2em; margin: 125px 0px 0px 120px;} #homepage .hp_2 h4 strong{text-decoration: none; color: #f37021;} #homepage .hp_2 div{position: absolute; margin: 0px 0px 0px 0px; display: block; width: 292px; height: 161px;} #homepage .hp_2 div a{ position: relative; display: block; width: 292px; height: 161px; text-decoration: none; background: url('../img/hp/transparent.gif');} /* stav projektu */ #homepage #hp_3_left { background: url('../img/hp/hp-3-left-cz.png') no-repeat; } #homepage #hp_3_right { background: url('../img/hp/hp-3-right-cz.png') no-repeat; } #homepage .hp_3 { width: 292px; height: 164px; color: #6d6e71; } #homepage .hp_3 h3{text-decoration: none; position: absolute; color: #6d6e71; font-size: 2.8em; font-weight: normal; margin: 25px 0px 0px 30px; visibility: hidden;} #homepage .hp_3 strong{ position: absolute; font-size: 1.4em; margin: 90px 0px 0px 30px; line-height: 1.5em;} #homepage .hp_3 em{font-style: normal; font-size: 1.3em;} #homepage .hp_3 div{position: absolute; margin: 0px 0px 0px 0px; display: block; width: 315px; height: 175px;} #homepage .hp_3 div a{position: relative; display: block; width: 315px; height: 175px; background: url('../img/hp/transparent.gif');} /* dalsi */ #popt { width: 480px; } #homepage p.hp-p { padding-left: 20px; } /*** STYLY PRO FOTOGALERII **/ #visual {left: 0px;} .visual_inner{position: relative; top: 20px; left: 15px;} #fotogalerie-hover-effect{float: left; width: 350px; margin: 0px 0px 0px 30px;} #visual ul#taby{left: 0px; top: 0px;} .vizualizace a img{float: left; margin: 10px;} .foto_vystavby .galerie div.image { width: 200px; height: 200px; text-align: center; position:relative; display: table-cell; vertical-align: middle;} .foto_vystavby .galerie div.image img { border: 3px solid #fff; display: block; position:relative; left: 0; margin: 0 auto;} .foto_vystavby .galerie div.image div p { padding: 0;} * html .foto_vystavby.galerie div.image div { width: 100%; position:absolute; top: 50%; left: 0;} * html .foto_vystavby.galerie div.image div p { position: relative; top: -50%} *:first-child+html .foto_vystavby.galerie div.image div { width: 100%; position:absolute; top: 50%; left: 0;} *:first-child+html .foto_vystavby.galerie div.image div p { position: relative; top: -50%} .video ul{position: relative; left: -10px; top: -10px; list-style-type: circle; line-height: 150%;} /*** VLAJKY - NASTAVENI KTERE SE ZOBRAZIT NEMAJI ***/ #languages{top: 243px; left: 50px; display: none;} #languages a.fr{} #languages a.de{display: none;}