/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* reset end */
 
body {font-family: Arial, Helvetica; font-size: 0.75em; position: relative;} /* 75.3% puvodni font size */
a {text-decoration: underline;}
a:hover {text-decoration: none;}
p, ul, ol, dl, address, blockquote {margin-bottom: 0.5em;}
ul, dl, ol {margin-top: 0.5em}
.hidden {position: absolute; top: -1024px;}

#dbg {position: absolute; right: 10px; top: 10px; font-size: 11px; font-family: Courier; background: #ffff99; padding: 15px; display: none;}

/* clear */

.clear:after, .flex-control-paging:after {content: ".";	display: block; height: 0; clear: both; visibility: hidden;	}
.clear, .flex-control-paging {display: inline-block;}
/* Hide from IE Mac \*/
.clear, .flex-control-paging {display: block;}
* html .clear, * html .flex-control-paging {height: 1px;}
/* End hide from IE Mac */



strong {font-weight: 600;}
img {-ms-interpolation-mode: bicubic;}

html {height: 100%;	background: #111 url("img/bd_2x.png"); background-size: 145px 145px;}
html.no-backgroundsize {background: #111 url("img/black_denim1.png");}

body {min-height: 100%; text-align:left; background: url("img/bbg4.png") repeat-x top;
	font-family: "open sans", helvetica, arial, sans-serif; font-weight: 400;}
	
#wrap {min-height: 100%; width: 100%; padding-bottom: 50px;}

#page {width:950px;	margin:0 auto; min-height: 100%;}

#header {padding-top: 45px;	text-align: left; margin:0 0 10px 0; padding-left: 20px;}
	#header span {display: none; color: #fff; font-size: 24px; font-weight: 400;}
	#header img {}
	
#main {width:940px; min-height: 487px;}

#gallery {width:695px;
	min-height: 490px;
	margin: 10px;
	float:left;
	font-size:14px;
	background: #fff;
	box-shadow: 0 0 25px #000;
	position: relative; z-index: 100;
	border: 2px solid #111;
	behavior: url(/_lib/pie/PIE.htc);
	}

#about div.clear ul strong {float: left; margin-right: 4px;}
#about div.clear ul span {display: block; overflow: hidden;}

#nav-wrap {float: right; width: 210px; margin-top: 2px; margin-right: 10px;}
	
#nav {text-align:left; width: 215px; padding: 0;}
	#ulnav {margin: 10px 0 0 0;}
	#ulnav a {
		display: block;
		background: rgba(255,255,255,0.05) url("img/linav2.png") repeat-x top;
		-pie-background: rgba(255,255,255,0.05);
		color: #fff;
		width:193px;
		height:57px; line-height:57px;
		text-decoration:none;
		margin-bottom:10px;
		padding-left:20px;
		text-transform: uppercase;
		font-size: 14px; font-weight: 400;
		text-shadow: #000 1px 1px 0;
		-webkit-transition: 0.5s all ease-out; -moz-transition: 0.5s all ease-out; -o-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; transition: 0.5s all ease-out;
		position: relative; z-index: 1000;
		left: -2px;
		behavior: url(/_lib/pie/PIE.htc);
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		}
	
	#ulnav .emph {
		box-shadow: -5px -3px 25px #000;
		height: 53px; margin-bottom: 10px;
		behavior: url(/_lib/pie/PIE.htc);
		margin-top: -2px; margin-bottom: 12px;
		}
		
	#ulnav .emph a {
		
		background: #fff; -pie-background: #fff; padding-left: 33px; margin-left: -13px; color: #000; text-shadow: none;
		border: 2px solid #111; border-left: none;
		height: 53px; line-height: 53px;
		left: 0;
		font-weight: 600;
		}
	
	#ulnav .emph a, #ulnav .emph a:hover {background-color: #fff; -pie-background: #fff;}
	
	#ulnav a:hover {background-color: #666; background-color: rgba(255,255,255,0.125); -pie-background: rgba(255,255,255,0.125);
		-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;
		}
	
.slides {margin: 0;}
.js .flexslider .slides li {display: none;}
.flexslider .slides li {width: 695px;}
.slide-img {text-align: center;}
.slide-img img {height: 440px; width: auto;}
.slide-desc {font-size: 13px; text-align: center; line-height: 30px; position: relative; top: 10px;}
.sd-title {}

.flex-control-nav, .flex-direction-nav {margin: 0;}

.flex-prev, .flex-next {position: absolute; width: 45px; height: 45px; display: block; line-height: 45px;
	text-align: center;	color: #444; font-weight: 600; text-decoration: none; font-size: 48px;
	text-shadow: 1px 1px 3px #aaa;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;
	z-index: 110;
	}

.flex-prev {left: 0; /*top: 422px;*/ bottom: 0;}
.flex-next {right: 0; /*top: 422px;*/ bottom: 0;}
.flex-prev:hover, .flex-next:hover {color: #000;}
	
.flex-control-nav {
	position: absolute;
	left: 10px; bottom: -45px;
    height: 18px; line-height: 18px;
    list-style: none;
}

.flex-control-nav li {
    float: left;
    margin: 0 1px;
}

.flex-control-nav li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px; margin-bottom: 6px;
    background-image: url(img/pagination1.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.flex-control-nav li a.flex-active, .flex-control-nav li a.flex-active:hover { background-position: 0 -13px; }
.flex-control-nav li a:hover { background-position: 0 -26px; }


.text {padding: 10px 10px 20px 10px;
	font-size: 13px; background: #fff;
	line-height: 1.4em;
	}
	.text img {float: left; margin-bottom: 10px;}
	.text h2 {display: none;}
	.text div.clear {margin-bottom: 10px;}
	.text h3 {text-transform: uppercase; font-weight: 600; float: left; width: 220px; margin-right: 10px; text-align: right;}
	.text a {color: #808080;}
	.text ul, .text p {float: left; margin: 0; width: 445px;}

#links {padding-top: 30px;}

#contact {padding-top: 110px; font-size: 115%; color: #333;}
	#contact h3 {margin-right: 20px; width: 210px;}

.comingsoon p {line-height: 440px; text-align: center; font-size: 24px; color: #bbb;}


@media screen and (max-width: 940px) {

	#page, #main {width: 720px;}
	#main {padding-top: 24px; position: relative;}
	#gallery {float: none; box-shadow: 0 0 10px #000;}
	#nav-wrap {float: none; position: absolute; top: 8px; left: 10px; width: 695px; height: 24px;}
	#nav {width: 695px; height: 24px;}
	#ulnav {width: 695px; height: 24px; margin: 0; padding-left: 1px;}
	#ulnav li {float: left; height: 24px; line-height: 24px; width: auto; margin: 0 1px;}
	#ulnav li a, #ulnav #navmail {float: left; height: 24px; line-height: 24px; width: auto; text-align: center; padding: 0 10px;
		background: rgba(255,255,255,0.15); -pie-background: rgba(255,255,255,0.15);
		font-size: 13px; left: 0;
	}
	#ulnav #navmail a {padding: 0;}
	#ulnav .emph {box-shadow: 0 -2px 5px #000; height: 26px; margin-bottom: 0; margin-top: 0; box-shadow: none;}
	#ulnav .nav1.emph {position: relative; left: -2px; margin-right: -2px;}
	#ulnav .emph a {
		padding: 0 12px;
		margin: 0; border: 2px solid #fff;
		position: relative; top: -2px; left: 0;
		height: 26px; line-height: 26px;
		box-shadow: none;
	}
	#ulnav .nav1.emph a {border-left: 2px solid #111;}
	#ulnav a:hover, #ulnav #navmail:hover {background-color: #666; background-color: rgba(255,255,255,0.25); -pie-background: rgba(255,255,255,0.25);}
}

@media screen and (max-width: 720px) {
	
	html {background: #111 url("img/bd_dark_2x.png"); background-size: 145px 145px;}
	html.no-backgroundsize {background: #111 url("img/bd_dark.png");}
	body {background: none;}
	
	#page, #main {width: 100%; min-height: 0;}
	
	#header {margin-bottom: 20px;}
	
	
	#gallery {width: 100%; margin: 0; border: none; min-height: 0;}
	
	/*
	.slide-img {height: 90%;}
	.slidesjs-container, .slidesjs-control, .slide {padding-bottom: 40px; height: 100%;}
	.slide-img img {max-height: 100%; height: auto; width: auto;}
	.slide-desc {margin-top: 0; height: 10%; position: relative;}
	.slide-desc p {position: absolute; bottom: 0; width: 100%;}
	*/
	
	.slide-img img {max-width: 100%; height: auto;}
	.slide-desc {top: -2px;}
	
	.prev, .next {bottom: 0; top: auto;}
	
	
	#nav-wrap {top: -4px; left: -2px; width: auto;}
	#nav {width: auto;}
	#ulnav {width: auto;}
	
	.text h3 {float: none; text-align: left; width: auto;}
	.text ul, .text p {float: none; width: auto;}
	
	#contact {padding: 30px 10%;}
	#contact {font-size: 150%;}

}

@media screen and (max-width: 500px) {
	
	#header {width: 95%; max-width: 275px; margin: 15px auto; padding: 0;}
	#header img {width: 100%;}
	.slide-desc {font-size: 11px;}
	
	
	#main {padding-top: 150px;}
	
	#nav-wrap {width: 100%; left: 0; margin: 0; height: auto;}
	#nav {width: 100%; margin: 0 auto; height: auto;}
		
	#ulnav {height: auto;}
		
	#ulnav li {display: block; width: 100%; float: none; margin: 1px 0;}
	#ulnav li a, #ulnav #navmail {display: block; margin-bottom: 1px;  text-align: left;
		width: 90%; padding: 0; padding-left: 10%;
		}
	#ulnav #navmail {margin: 0;}
	
	#ulnav .nav1.emph {position: static;}
	#ulnav .emph {height: 24px; box-shadow: none;} 
	#ulnav .emph a {padding: 0; border: none; position: static; height: 24px; line-height: 24px; top: 0; width: 90%; padding: 0; padding-left: 10%;}

	
	html {height: auto;}
	body {min-height: 0;}
	
	#wrap {padding: 0; min-height: 0;}
	
	.slidesjs-pagination li a {background-image: url(/img/pagination2.png);}

	.text img {max-width: 100%; height: auto;}
	
	
	
}



.ie7 #nav-wrap {margin-top: 0;}
.ie7 .slide-desc {height: 30px; width: 100%; position: absolute; top: 409px;}