/* floridoor */
body {
	background:#000;
	margin: 0px 0 0 0;
	padding: 0px 0px 20px 0px;
	font-family: Georgia, Tahoma, Geneva, sans-serif;
	font-size: .9em;
	color: white;
}

a {
	color: #FFFFCC;
}
.page-box {
	border: solid 1px #555555;
	width: 990px;
	min-height: 730px;
	_height:730px;
	left: 50%;
	margin: 40px auto;
	-webkit-box-shadow:0 0 25px #222;
	-moz-box-shadow:0 0 15px #222;
	box-shadow:0 0 15px #222;
	
	
}

.page-box#index {
	background-image: url(img/pozadi_cara.gif);
	background-repeat: no-repeat;
	background-position: 0px 400px;
	color: #FFFFCC;
}
 .uvod {
	background-image: url(img/ilu_uvod.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.page-box#galerie {
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* pozadi podle kategorie */
.page-box.kytice  {
	background-image: url(img/ilu_kytice.gif);
}
.page-box.aranzma {
	background-image: url(img/ilu_aranzma.gif);
}
.page-box.zahrada {
	background-image: url(img/ilu_zahr_servis.gif);
}
.page-box.tematicka {
	background-image: url(img/ilu_tematicka_vazba.gif);
}
.page-box.realizace {
	background-image: url(img/ilu_realizace.gif);
}
.page-box.kontakt {
	background-image: url(img/ilu_reference.gif);
}

/* ======================= TITULNI STRANKA ============================= */
.tit-obsah-box {
	float: right;
	width: 400px;
	/* border: solid 1px green; */
	margin-top: 100px;
}
.tit-obsah-box IMG {
	clear: both;
	margin: 5px 0px;
}
.tit-obsah-box .kontakt {
	clear: both;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}
.tit-obsah-box .kontakt A:link, .tit-obsah-box .kontakt A:visited,.tit-obsah-box .kontakt A:hover {
	color: #FFFFCC;
}
.page-box #dvere {
	position: absolute;
	top: 270px;
	left: 100px;
}

.logo {
	
	
	height: 80px;
	margin: 10px;
	background:  url(img/floridoor.jpg) 30px 0  no-repeat;
}

.logo #contact-box {
	position:relative;
	top:4px;
	margin-right:25px
}

.logo #contact-box strong{padding-bottom:5px; display:block }
.logo #contact-box span, .logo #contact-box span a{color:#999; font-size:90%; }

/* ======================= ROZCESTNIK ============================ */
#uvod .obsah-box {
	padding: 10px 15px 10px 10px;
}

.rozcestnik .nadpis {
	list-style-type: none;
	margin-bottom: 10px;
}

.rozcestnik LI LI {
	list-style-image: url(img/odrazka1.gif);
	font-size: .8em;
	color: white;
	text-transform: lowercase;
	margin-bottom: 5px;
}

.rozcestnik H4 {
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
}

.rozcestnik A:link, .rozcestnik A:visited {
	text-decoration: none;
}
.rozcestnik A:hover {
	text-decoration: underline;
}
.rozcestnik H4 A:link, .rozcestnik H4 A:visited {
	color: #FFFFCC;
}
.rozcestnik LI LI A:link, .rozcestnik LI LI A:visited {
	color: white;
}

/* ======================= KONATKT ============================== */

.page-box H4 {
	padding: 0px;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFCC;
}
.page-box#kontakt {
	padding: 200px 0px 50px 50px;
}
.page-box#kontakt H4 {
	margin: 10px 0px;
}

/* ========================= GALERIE ============================= */

#galerie .obsah-box {
	padding: 20px 15px 10px 0px;
}
#galerie .obsah-box h1,#galerie .obsah-box h2,#galerie .obsah-box .childs  {
	padding-left:45px; clear:both
}
#galerie .obsah-box h1{float:left;}
#galerie .obsah-box .up{float:right;background:#333;color:#ccc; text-align:center; text-decoration:none; padding:8px 10px; margin:20px 20px 0 0;}
#galerie .obsah-box .up:hover{background:#666; -moz-transition:background 0.5s ease-in-out; -webkit-transition:background 0.5s ease-in-out; -o-transition:background 0.3s ease-in-out; transition:background 0.5s ease-in-out; }

#galerie .navigator A:link, #galerie .navigator A:visited {
	color: #999;
	text-decoration: underline;
}
#galerie .navigator A:hover {
	color: #fff;
	text-decoration: underline;
}
#galerie .navigator {
	font-size: 1em;
	color: #999;
	margin-top: 10px;
	clear:both;
	margin-top:10px;
	text-transform:lowercase;
	font:normal 10px Tahoma;
	
}
#galerie .navigator .childs {
	font-size: 0.8em;
	padding-top: 5px;
	height: 30px;
}

.strankovani {
	padding: 0px 5px; 
}
.strankovani A:link, .strankovani A:visited {
	text-decoration: none;
}
.strankovani A:hover {
	text-decoration: underline;
}


.odrazka {
	margin: 0px 5px;
}


/* ======================= TABULKA S OBRAZKY =========================== */
.obrazky a IMG {
	border: solid 1px #333;
	margin: 3px;
	padding:3px
}
.obrazky a:hover IMG {
	border: solid 1px #ccc;
}

#galerie .info {
	width: 500px;
	padding: 0 0 45px 45px;
	margin-top: 10px;
}
#galerie .info H5 {
	margin: 5px 0px;
	padding: 0px;
	color: #FFFFCC;
	font-size: 1.0em;
}
#galerie .info P {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

#galerie .zpet A:link, #galerie .zpet A:visited {
	text-decoration: none;
}
#galerie .zpet A:hover {
	text-decoration: underline;
}

#galerie .obr {
	border: solid 1px gray;
}

.both{clear:both}
img{border:0}

h1{font:normal 25px "Sorts Mill Goudy"; margin-top:20px}
h2{font:normal 17px "Sorts Mill Goudy"; margin-top:20px}
#home{position:absolute; width:290px; height:70px; z-index:3}
.align-right{text-align:right}

.childs{width:490px}
.childs li{ float:left; margin:2px 7px 7px 2px; list-style-type:none;}
.childs li span{display:block; opacity:0.1; background:url("img/stin.png") no-repeat top; height:90px; width:150px; position:absolute;  z-index:3;
-moz-transition:opacity 0.5s ease-in-out; -webkit-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.5s ease-in-out;  #margin-left:-75px}
.childs li span:hover{opacity:0.8; background:url("img/stin.png") no-repeat top; cursor:hand}
.childs li div{position:absolute; width:150px; margin:60px 0 0 0; background:#000; height:40px; opacity:0.7; #margin-left:-75px}
.childs li a{width:150px; height:90px; float:left; margin:2px; list-style-type:none; text-align:center; font: normal 12px Georgia; text-decoration:none; color:#fff; padding-top:2px; background:#222 url("img/cat1.jpg") no-repeat top left;}
.childs li a:hover{color:#fff}




/* scrollable div area */
#scrollable1 {
	float: left;
	width: 500px;
	height: 375px;
	overflow: hidden;
	white-space: nowrap;
}

/* vertical track */
#track1 {
	float: left;
	width: 15px;
	height: 375px;
	margin-left: 10px;
	background-color: #333;
}

/* vertical track handle */
#handle1 {
	width: 30px;
	height: 50px;
	background-color: #666;
	cursor: move;
	position:relative; left:-8px
}

#handle1:hover {
	
	background-color: #fff;
	-moz-transition:background 0.5s ease-in-out; -webkit-transition:background 0.5s ease-in-out; -o-transition:background 0.3s ease-in-out; transition:background 0.5s ease-in-out;
}

/* horizontal track */
#track2 {
	float: left;
	clear: both;
	width: 300px;
	height: 15px;
	margin-top: 10px;
	background-color:#ccc;
}

/* horizontal track handle */
#handle2 {
	width: 20px;
	height: 15px;
	background-color: #f00;
	cursor: move;
}




div#content-scroll{width: 533px; height: 341px;overflow: hidden;clear: both; margin-left:18px; margin-top:10px}  
div.scrollholder { position: relative; width: 100%; height: 100%; overflow: auto; z-index: 1; }
div.scroll { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; padding-left:20px }
div.track { position: relative; float:left; top: 0; width: 11px; height: 100%; font-size: 0; background: url("img/slide-background.gif") 5px 0 repeat-y; z-index: 3; }  
div.drag_bar { position: absolute; width: 100%; height: 14px; cursor: pointer; background: url("img/slide.gif") no-repeat; z-index: 4; }  
div.track:hover div.drag_bar { background-position: -11px 0; }