@charset "UTF-8";
/* CSS Document */

html	{
	width:100%;
	height:100%;
	
}

body {
	font-family: 'Arial';
	font-size:10px;
	color: white;
	background: transparent;
	width:100%;
	height:100%;
	overflow:hidden;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

#wrapper	{
	position:relative;
	margin:0px auto;
	width:90%;
	height:100%;
	overflow:hidden;
}

/**** navigation ****/

nav#mainNav	{
	position:absolute;
	left:0em;
	top:9.8em;
	width:33em;
	height:auto;
}

nav#mainNav ul	{
	width:33em;
	height:auto;
}

nav#mainNav li	{
	font-size:5.7em;
	list-style-type:none;
	width:100%;	
	height:0.72em;
}

nav#mainNav ul li a	{
	display:block;
	text-decoration:none;
	color:white;
	font-family: 'Swiss_Black';
}



nav#mainNav ul li a.current	{
	color:#d7df23;
}

nav#mainNav ul li a:hover	{
	color:#d7df23;
}


/**** black navigation ****/


nav#mainNavBlack	{
	position:absolute;
	left:0em;
	top:9.8em;
	width:33em;
	height:auto;
}

nav#mainNavBlack ul	{
	width:37em;
	height:auto;
}

nav#mainNavBlack li	{
	font-size:5.7em;
	list-style-type:none;
	width:100%;	
	height:0.72em;
}

nav#mainNavBlack ul li a	{
	display:block;
	text-decoration:none;
	color:white;
	font-family: 'Swiss_Black';
}

nav#mainNavBlack ul li a:hover	{
	color:black;
}

nav#mainNavBlack ul li a.current	{
	color:black;
}

/**** navigation Lines ****/

div#navigationLines	{
	position:absolute;
	left:0em;
	top:10.6em;
	width:37em;
	height:auto;
	opacity:0.7;
}

div#navigationLines div	{
	position:relative;
	margin-top:-1px;
	font-size:5.7em;
	list-style-type:none;
	width:100%;	
	height:0.71em;
	border-top:1px solid white;
	border-bottom:1px solid white;
	
}

div#navigationLines div.current	{
	width:14em;
}

/**** top lines ****/

div.topLineLeft	{
	position:absolute;
	top:0em;
	left:0em;
	width:37em;
	height:0.7em;
	background-color:rgba(255, 255, 255, 0.8);
}

div.topLineRight	{
	position:absolute;
	top:0em;
	right:5em;
	width:26.1em;
	height:0.7em;
	background-color:rgba(215, 223, 35, 0.8);
}

div.black	{
	background-color:rgba(0, 0, 0, 0.8);
}

/**** content window ****/

#mainContent	{
	position:absolute;
	right:5em;
	width:26em;
	height:auto;
}

div#mainContent header	{
	font-size:1.6em;
	height:1.8em;
	padding:0.8em 0em 0em 0.9em;
	background-color: rgba(215, 223, 35, 0.8);
	color:white;
	font-family: 'Arial';
	font-weight:bold;
	text-transform:uppercase;
}

div#mainContent p	{
	font-size:1.2em;
	line-height:1.2em;
	padding:1em;
	background-color: rgba(255, 255, 255, 0.7);
}

div#mainContent	{
	color:black;
}

div#mainContent a	{
	text-decoration:none;
	color:#333;
}

div#mainContent a:hover	{
	color:black;
}

/**** koncepce ****/

.koncepce	{
	top:10.5em;
}

.koncepce	{
	padding-bottom:1em;
}

.koncepce ul	{
	background-color: rgba(255, 255, 255, 0.7);
	padding:0.8em 0.8em 1em 2.4em;
	font-size:1.2em;
	line-height:1.3em;
	list-style-type: square;
	list-style-image:url('../images/square.png');
}

.koncepce ul li	{
	
}

.koncepce h4	{
	background-color: rgba(255, 255, 255, 0.7);
	padding:1em 1em 0em;
	font-size:1.2em;
	font-weight:bold;
	margin-top:1em;
}


.projekty	{
	top:14.6em;
}

.realizace	{
	top:18.7em;
}

.kontakt	{
	top:22.8em;
}

div#mainContent.kontakt p	{
	line-height:1.4em;
	font-size:1.2em;
	font-weight:bold;
}

/**** projekty ****/

div#background.yellow	{
	background-color: #d4dc2b;
}

/**** arrows ****/

div.nextBlack	{
	position:absolute;
	top:14.6em;
	right:0em;
	background-color:rgba(0, 0, 0, 0.8);
}

div.prevBlack	{
	position:absolute;
	top:14.6em;
	right:41.7em;
	background-color:rgba(0, 0, 0, 0.8);
}

div.nextBlack img	{
	font-size:1.6em;
	height:2.5em;
	width:auto;
}

div.prevBlack img	{
	font-size:1.6em;
	height:2.5em;
	width:auto;
}

div.nextBlack img.hoverer	{
	position:absolute;
	top:0em;
	left:0em;
	opacity:0;
}

div.prevBlack img.hoverer	{
	position:absolute;
	top:0em;
	left:0em;
	opacity:0;
}

div.nextBlack:hover img	{
	opacity:0;
}

div.prevBlack:hover img	{
	opacity:0;
}

div.nextBlack:hover img.hoverer	{
	opacity:1;
}

div.prevBlack:hover img.hoverer	{
	opacity:1;
}

div.nextBlack:hover 	{
	background-color:rgba(255, 255, 255, 0.8);
}

div.prevBlack:hover 	{
	background-color:rgba(255, 255, 255, 0.8);
}

div.nextGreen	{
	position:absolute;
	top:18.7em;
	right:0em;
	background-color:rgba(215, 223, 35, 0.8);
}

div.prevGreen	{
	position:absolute;
	top:18.7em;
	right:41.7em;
	background-color:rgba(215, 223, 35, 0.8);
}

div.nextGreen img	{
	font-size:1.6em;
	height:2.5em;
	width:auto;
}

div.prevGreen img	{
	font-size:1.6em;
	height:2.5em;
	width:auto;
}

div.nextGreen img.hoverer	{
	position:absolute;
	top:0em;
	left:0em;
	opacity:0;
}

div.prevGreen img.hoverer	{
	position:absolute;
	top:0em;
	left:0em;
	opacity:0;
}

div.nextGreen:hover img	{
	opacity:0;
}

div.prevGreen:hover img	{
	opacity:0;
}

div.nextGreen:hover img.hoverer	{
	opacity:1;
}

div.prevGreen:hover img.hoverer	{
	opacity:1;
}

div.nextGreen:hover 	{
	background-color:rgba(255, 255, 255, 0.8);
}

div.prevGreen:hover 	{
	background-color:rgba(255, 255, 255, 0.8);
}


/**** gallery ****/
.gallWrap	{
	position:absolute;
	bottom:4em;
	right:0em;
	width:75em;
	height:9em;
	overflow:auto;
	padding-left:1px;
}


#gallery	{
	position:relative;
	width:120em;
	height:8em;
	
}

div#gallery  div	{
	position:relative;
	display:inline-block;
}


#gallery div a	{
	display:block;
	height:8em;
	
}

#gallery div img	{
	width:auto;
	height:5em;
	margin-top:2.5em;
	margin-right:-0.3em;
	margin-left:-0.3em;
	background-color:white;
	z-index:0;
}

#gallery div img.topImg	{
	position:absolute;
	top:-1px;
	display:none;
	border-top:1px solid white;
	border-bottom:1px solid white;
	
}



#gallery div:hover img.topImg	{
	display:block;
	z-index:300;
	
}

#gallery div a.currentGallery img.topImg	{
	display:block;
	z-index:300;
}



/**** subgalery ****/

#subGal	{
	margin-top:1.3em;
}

#subGal ul	{
	width:26em;
}

#subGal ul li	{
	display:inline-block;
	position:relative;
}

#subGal ul li a	img {
	display:block;
	margin-right:-0.3em;
	width:8.7em;
	height:auto;
}

#subGal ul li a img.grey	{
	position:absolute;
	left:0px;
	top:0px;
	opacity:1;
	margin-top:-1px;
}

#subGal ul li a:hover img.grey	{
	opacity:0;
}

#subGal ul li a:hover img	{
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#subGal ul li a.subAct img	{
	border-top:1px solid white;
	border-bottom:1px solid white;
	
}

#subGal ul li a.subAct img.grey	{
	opacity:0;
}



/**** scroller ****/

.jspContainer	{
	top:0em;
	height:8em;
}

.jspPane	{
	height:8em;
	z-index:200;
}

.jspHorizontalBar	{
	top:0.3em;
	background:transparent;
}

.jspTrack	{
	background:transparent;
}

div.jspDrag	{
	height:1em;
	background-color:#d7df23;
	z-index:200;
}

div.scrollBlack div.jspDrag	{
	background-color:black;
}


/**** background *****/

div#background	{
	position:absolute;
	top:0em;
	left:0em;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:-20;
	background-color:black;
}

div#background.yellow	{
	background-color: #d3dc29;
}

#background img	{
	position:relative;
	margin:0px auto;
	width:100%;
	height:auto;
}


/**** footer *****/

footer#mainFooter	{
	position:absolute;
	bottom:4em;
	left:0em;
	width:100%;
}

footer#mainFooter ul	{
	position:relative;
	height:8em;
	width:37em;
	border-top:1px solid white;
	border-bottom:1px solid white;
	list-style:none;
}

footer#mainFooter.wide ul	{
	width:100%;
	border-top:1px solid white;
	border-bottom:1px solid white;
}


footer#mainFooter ul li	{
	position:absolute;
	height:5em;
	width:18em;
	
}

footer#mainFooter ul li	h2	{
	font-size:1.5em;
	color:#d7df23;
	font-family: 'Swiss_Black';
	margin-bottom:0.1em;
}

footer#mainFooter ul li	h2.black	{
	color:black;
}

footer#mainFooter ul li	h3	{
	font-size:1em;
	color:white;
	font-family: 'Swiss_Black';
	margin-bottom:0.3em;
}

footer#mainFooter ul li	p	{
	font-size:0.8em;
	color:white;
	line-height:1.4em;
}

footer#mainFooter ul li	p a	{
	color:white;
	text-decoration:none;
}

footer#mainFooter ul li	p a:hover span	{
	color:#d7df23;
}


footer#mainFooter ul li	img{
	position:relative;
	top:0em;
	width:auto;
	height:4.8em;
	
}

footer#mainFooter ul li#logo	{
	top:1.5em;
	left:0em;
	border-right:0.3em solid white;
}

footer#mainFooter ul li#footer	{
	left:21em;
	top:1.5em;
}