/**
 *
 * 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-obal1 {float:left;width:100%; padding: 0px 0 10px 0;margin: 0px 0px 0px 15px; }
#hp-pravitko-wide-obal1 #hp-pravitko-wide1 { background: url('../allProjects/files/sezonnislevy/bohdalechoum-big.jpg') no-repeat; width: 805px; height: 96px;margin:0 auto;}
#hp-pravitko-wide-obal1 #hp-pravitko-wide1 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{display: block; padding-bottom: 20px; position: relative; z-index: 1; overflow: hidden; margin-top: 20px; left: -30px; _left: -20px; width: 805px; _width: 781px; _overflow: visible; }

#homepage div.top { float: left; width: 378px; background: url('../img/home/top.jpg') no-repeat left top; padding-top: 8px; }
#homepage div.bottom { background: url('../img/home/bottom.jpg') no-repeat left bottom; padding-bottom: 8px; }
#homepage div.repeat { background: url('../img/home/repeat.jpg') repeat-y; }

#homepage div#etapa1 { margin: 0 10px 0 20px; }

#homepage div.repeat * { margin: 0; padding: 0; }
#homepage h3,
#homepage h4,
#homepage h5 { display: block; position: relative; }
#homepage h3 a,
#homepage h4 a,
#homepage h5 a { display: block; text-decoration: none; }
#homepage h3 span,
#homepage h4 span,
#homepage h5 span { display: block; position: absolute; left: 0; top: 0; visibility: visible; cursor: default; }
#homepage h3 a span,
#homepage h4 a span,
#homepage h5 a span { cursor: pointer; }

#homepage div.house { padding: 9px 15px; }
#homepage div.house h3 { width: 346px; height: 253px; }
#homepage div.house h3 a span { width: 346px; height: 253px; }
#homepage #etapa1 div.house h3 a span { background: url('../img/home/house1.jpg') no-repeat; }
#homepage #etapa2 div.house h3 a span { background: url('../img/home/house2.jpg') no-repeat; }

#homepage div.fotogalerie { width: 167px; height: 132px; float: left; margin: 0 10px 0 16px; }
#homepage div.fotogalerie h4 { width: 167px; height: 132px; }
#homepage div.fotogalerie h4 a span { width: 167px; height: 132px; background: url('../img/home/fotogalerie.jpg') no-repeat; }

#homepage div.geosan { width: 167px; height: 132px; float: left; margin: 0 0 0 0; }
#homepage div.geosan h4 { width: 167px; height: 132px; }
#homepage div.geosan h4 a span { width: 167px; height: 132px; background: url('../img/home/geosan.jpg') no-repeat; }

#homepage div.vyber { width: 100%; height: 165px; float: left; margin: 5px 0 0 43px; }
#homepage div.vyber h3 { width: 292px; height: 165px; }
#homepage div.vyber h3 em { display: none; }
#homepage div.vyber h3 span { width: 292px; height: 165px; z-index: 1; }
#homepage div.vyber h3 strong { display: block; z-index: 10; position: relative; padding: 130px 0px 0px 116px; font-size: 12px; }
#homepage div.vyber h3 a:hover strong { color: #E16100; }
#homepage #etapa1 div.vyber h3 span { background: url('../img/home/boh1-cenik.png') no-repeat; }
#homepage #etapa2 div.vyber h3 span { background: url('../img/home/boh2-cenik.png') no-repeat; }

#homepage div.stav { width: 100%; height: 164px; float: left; margin: 0px 0px 10px 43px; }
#homepage div.stav h5 { width: 292px; height: 164px; }
#homepage div.stav h5 a { padding: 20px 0 0 20px; }
#homepage div.stav h5 span { width: 292px; height: 164px; }
#homepage #etapa1 div.stav h5 span { background: url('../img/home/boh1-stav.png') no-repeat; }
#homepage #etapa2 div.stav h5 span { background: url('../img/home/boh2-stav.png') no-repeat; }

#homepage hr { clear: both; height: 1px; border: 0px none; width: 100%; display: block; visibility: hidden; }

/* reklamy */ 

#homepage #etapa1 div.reklama { width: 276; height: 67px; float: left; margin: 10px 0 0 50px; }
#homepage #etapa1 div.reklama h3 { width: 276px; height: 67px; }
#homepage #etapa1 div.reklama h3 span { width: 276px; height: 67px; background: url('../img/hp/hp-posledni-volny-byt.png') no-repeat; }

#homepage #etapa1 div.reklama2 { width: 278px; height: 98px; float: left; margin: 10px 0 0 50px; }
#homepage #etapa1 div.reklama2 h3 { width: 278px; height: 98px; }
#homepage #etapa1 div.reklama2 h3 span { width: 278px; height: 98px; background: url('../img/hp/bohdalec-2010-06.jpg') no-repeat; }

#homepage #etapa1 div.reklama3 { width: 276px; height: 67px; float: left; margin: 10px 0 0 50px; }
#homepage #etapa1 div.reklama3 h3 { width: 276px; height: 67px; }
#homepage #etapa1 div.reklama3 h3 span { width: 276px; height: 67px; background: url('../img/hp/pronajem-garazovych-stani.png') no-repeat; }

#homepage #etapa2 div.reklama { width: 100%; height: 141px; float: left; margin: 5px 0 0 41px; }
#homepage #etapa2 div.reklama h3 { width: 294px; height: 141px; }
#homepage #etapa2 div.reklama h3 a { padding: 20px 0 0 20px; }
#homepage #etapa2 div.reklama h3 span { width: 294px; height: 141px; background: url('../img/home/boh1-reklama1.png') no-repeat; }

#homepage #etapa2 div.reklama2 { width: 100%; height: 81px; float: left; margin: 5px 0 0 47px; }
#homepage #etapa2 div.reklama2 h4 { width: 289px; height: 81px; }
#homepage #etapa2 div.reklama2 h4 a { padding: 20px 0 0 20px; }
#homepage #etapa2 div.reklama2 h4 span { width: 289px; height: 81px; background: url('../img/home/boh2-reklama2.png') no-repeat; }

#homepage #etapa2 div.reklama3 { width: 100%; height: 100; float: left; margin: 5px 0 0 51px; }
#homepage #etapa2 div.reklama3 h4 { width: 278px; height: 100px; }
#homepage #etapa2 div.reklama3 h4 a { padding: 20px 0 0 20px; }
#homepage #etapa2 div.reklama3 h4 span { width: 278px; height: 100px; background: url('../allProjects/files/letnislevy/banner/sleva-zrusena/bohdalec2-uvod.jpg') no-repeat; }

#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;}

.fotky a img { margin: 8px 8px 0 0; padding: 1px; border: 1px solid #CCCCCC; }

.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; }