/** * * nove predelany kod pro Geosan Development - projekt Bytové domy Bohdalec * * styly pro layout a to co je staticke se vkladaji drive (allProjects/wide-web/styles/global.css) * * toto jsou styly POUZE pro nastaveni prvku, ktere se na jednotlivych projektech meni * * */ #hlavicka{height: 265px;} #hlavicka h1{width:300px; height:130px; top:30px; left:170px; } #hlavicka h2{ top: 70px; left:20px; } #hlavicka h1 a { height: 130px; } #hlavicka h2 a { height: 100px; } #hlavicka a#headlinketapa1, #hlavicka a#headlinketapa2 { display: block; width: 120px; height: 35px; position: absolute; text-decoration: none; } #hlavicka a#headlinketapa1 { left: 0px; top: 163px;} #hlavicka a#headlinketapa2 { left: 120px; top: 163px; } #topFlashContainer {left: 450px; top: 22px;} /*** UVODNI STRANA - HOMEPAGE ***/ #hp-pravitko-wide-obal {float:left;width:100%; padding: 0px 0 0px 0;margin: 5px 0px 0px -20px; } #hp-pravitko-wide-obal #hp-pravitko-wide { background: url('../allProjects/files/sezonnislevy/bohdalechoum-big.jpg') no-repeat; width: 805px; height: 96px;margin:0 auto;} #hp-pravitko-wide-obal #hp-pravitko-wide a { display: block; width: 805px; height: 96px; text-decoration:none; } #hp-pravitko-wide-obal2 {float:left;width:100%; padding:10px 0 10px 0;margin: 0px 0px 0px 0px;border-top: 1px solid #E6E7E8;border-bottom: 1px solid #E6E7E8; } #hp-pravitko-wide-obal2 #hp-pravitko-wide2 { background: url('../img/hp/hp-pravitko-wide.gif') no-repeat; width: 570px; height: 122px;margin:0 auto;} #hp-pravitko-wide-obal2 #hp-pravitko-wide2 a { display: block; width: 570px; height: 122px; text-decoration:none; } #homepage{float: left; padding-bottom: 70px; position: relative; z-index: 1; overflow: hidden; margin-top: 15px; left: -30px; _left: -20px; width: 805px; _width: 781px; _overflow: visible; } #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: 25px; right: -18px; _right: -120px; width: 230px; } #homepage #hp_1_house { background: url('../img/hp-etapa2only/house.jpg') no-repeat 0px 0px; } #homepage .hp-house {display: block; width: 606px; height: 265px; position: relative; margin-left: 10px; } #homepage .hp-house a { display: block; width: 606px; height: 265px; text-decoration: none; } #homepage #static-right #hp-fotogalerie { width: 315px; height: 169px; 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;} #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 110px;} #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 #hp-left{float: left; width: 292px; color: #6d6e71; _overflow: hidden; } #homepage #hp-right{float: left; width: 292px; color: #6d6e71; _overflow: hidden; } #homepage #hp-left a, #homepage #hp-right #hp-fotogalerie a{text-decoration: none; } /* EXTRA akce nahore */ #homepage #akce-top { background: url('../img/hp/volne-nebytove-prostory.png') no-repeat; width: 294px; height: 141px; margin: 0px 0px 0px 0px; } #homepage #akce-top p { display: none; } #homepage #akce-top a { display: block; width: 294px; height: 141px; text-decoration: none; } /* akce */ #homepage #hp_1_left { background: url('../img/hp-etapa2only/etapa2sklepyzapolovicx.png') no-repeat; } #homepage #hp_2_left { background: url('../img/hp-etapa2only/etapa1-doprodej.png') no-repeat; } #homepage #hp_1_right { display: none; } #homepage .hp_1 { width: 295px; height: 165px; margin: 5px 0px 0px 0px; } #homepage .hp_1 a { display: block; width: 295px; height: 165px; } #homepage .hp_1 a span { visibility: hidden; } #homepage .hp_2 { width: 295px; height: 165px; margin: 5px 0px 0px 0px; } #homepage .hp_2 a { display: block; width: 295px; height: 165px; } #homepage .hp_2 a span { visibility: hidden; } #homepage #hp-inserted-recepce { width: 289px; height: 81px; background: url('../img/hp/recepce.png') no-repeat; margin-top: 2px; } #homepage #hp-inserted-recepce h3 { display: none; } #homepage #hp-inserted-recepce a { display: block; width: 289px; height: 81px; text-decoration: none; } /* cenik */ #homepage #hp_2_right { background: url('../img/hp/hp-2-right-active.png') no-repeat; } #homepage .hp_2 {width: 292px; height: 165px; margin: 5px 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: 132px 0px 0px 20px;} #homepage .hp_2 h4 strong{text-decoration: none; color: #f37021;} /*#homepage #hp_2_left_inactive h4, #homepage #hp_2_right_inactive h4 { color: #DEDEDE;} #homepage #hp_2_left_inactive h4 strong, #homepage #hp_2_right_inactive h4 strong { color: #FBD3BB;}*/ #homepage .hp_2 div{position: absolute; margin: 0px 0px 0px 0px; display: block; width: 315px; height: 169px;} #homepage .hp_2 div a{ position: relative; display: block; width: 315px; height: 169px; text-decoration: none; background: url('../img/hp/transparent.gif');} /* stav projektu */ #homepage #hp_3_left { background: url('../img/hp/hp-3-left-active.png') no-repeat; } #homepage #hp_3_right_inactive { background: url('../img/hp/hp-3-right-active.png') no-repeat; } #homepage #hp_3_left_inactive { background: url('../img/hp/hp-3-left-active.png') no-repeat; } #homepage #hp_3_right { background: url('../img/hp/hp-3-right-active-02-2011.png') no-repeat; } #homepage .hp_3 { width: 292px; height: 164px; color: #6d6e71; margin-top: 5px; } #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');} #popt { width: 480px; } /*** 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{display: none;} #languages a.de{display: none;} .nalepka { display: block; position: absolute; left: 835px; top: 90px; width: 148px; height: 149px; background: url('http://www.geosan-development.cz/allProjects/files/letnislevy/nalepka-garaz-zdarma.png') no-repeat left top; visibility: visible; z-index: 5; } .nalepka.garaz { background: url('http://www.geosan-development.cz/allProjects/files/letnislevy/nalepka-garaz.png') no-repeat left top; } .nalepka.garaz-sklep { background: url('http://www.geosan-development.cz/allProjects/files/letnislevy/nalepka-garaz-sklep.png') no-repeat left top; } .nalepka span { display: none; }