/** * * 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 * */ /* pro errory */ pre { font-size: 150%; } pre small { font-size: 110%; } #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; } #static-right a, #hp-left a, #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-house {display: block; width: 606px; height: 265px; position: relative; margin-left: 10px; } #homepage .hp-house img { display: none; } #hp-fotogalerie { width: 315px; height: 170px; background: url('../img/hp/fotogalerie-cz.png') no-repeat; z-index: 100; } #hp-fotogalerie h3 { text-decoration: none; position: absolute; font-size: 2.2em; font-weight: normal; margin: 125px 0px 0px 15px; color: #6d6e71; visibility: hidden;} #hp-fotogalerie div { position: absolute; margin: 0px 0px 0px 0px; display: block; width: 315px; height: 169px;} #hp-fotogalerie div a { position: relative; display: block; width: 210px; height: 169px; background: url('../img/hp/transparent.gif');text-decoration: none;} #hp-geosan{width: 315px; height: 228px; background: url('../img/hp/geosan-cz.png') no-repeat;} #hp-geosan h3{text-decoration: none; position: absolute; font-size: 1.8em; font-weight: normal; margin: 75px 0px 0px 15px;color: #6d6e71; visibility: hidden;} #hp-geosan h3 span{ color: #f37021;} #hp-geosan h3 span em{font-style: normal; font-size: 1.3em;} #hp-geosan div{position: absolute;width: 190px; margin: 160px 10px 10px 15px;} #hp-geosan div p{position: relative; padding: 0px 0px 0px 15px;} #hp-geosan div p a{font-weight: bold;} #hp-geosan div.hp-kontakt a{display: block; margin: 17px 0px 0px 95px;} #hp-geosan a#gd{display: block; width: 180px; height: 50px; position: absolute; margin: 13px 0px 0px 13px; text-decoration: none;} #hp-geosan div.link{position: absolute; top: 0; left: 0; display: block; width: 315px; height: 169px; display: none;} #hp-geosan div.link a{position: relative; display: block; width: 210px; height: 228px; background: url('../img/hp/transparent.gif');text-decoration: none;} #hp-left, #hp-right { float: left; width: 292px; color: #6d6e71; _overflow: hidden; } #hp-left { margin-left: 5px; } #homepage .first-line { } #homepage .second-line { height: 162px; position: relative; } #homepage .third-line { height: 163px; } #homepage .flats { position: absolute; left: 26px; bottom: 14px; font-size: 130%; color: #6d6e71; font-weight: bold; } #homepage .flats strong { color: #F36F21; } #homepage .wide-banner { margin-left: 5px; margin-top: 5px; } #dod { margin: 15px 0px; } #hp-pravitko-wide { background: url('../img/hp/hp-pravitko-wide.gif') no-repeat; width: 570px; height: 122px; margin: 5px 0px 0px 15px; } #hp-pravitko-wide a { display: block; width: 570px; height: 122px; text-decoration:none; } /* cenik */ #buttonek.botic{margin:0px 0 -3px 0;} /* dalsi */ #popt { width: 480px; } /* BUTTONY FILTR V CENIKU*/ #inner #buttonek a.filter-button {color:#818182;text-decoration:none;font-size:140%;font-weight:bold;text-align:center; padding:10px 0 0 0;display:block;float:left;width:378px;;height:22px;border-left:1px solid #cccccc;border-top:1px solid #cccccc;border-right:1px solid #cccccc; background: url('../img/filter-button.jpg') left top;margin: 0 0 0 4px;} #inner #buttonek a.filter-button.active { color: #eb690b; background: url('../img/filter-button-active.jpg') left top; border-left:1px solid #eb690b;border-top:1px solid #eb690b;border-right:1px solid #eb690b;} #homepage p.hp-p { padding-left: 20px; padding-top: 20px; padding-right: 220px; width: auto; } #homepage p.hp-p span { display: block; font-weight: bold; color: #F37021; font-size: 120%; padding-bottom: 10px; } /*** 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;} #table { width: 100%; }