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;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a[href^="error:"]					{ background: red; color: white; text-decoration: blink; }
input[type="checkbox"], input[type="radio"]		{ border:0; background:transparent;}

strong							{ font-weight:bold; }
em									{ font-style:italic; }


ul, li							{ position:relative; }
ul									{ margin:.5em; }
li									{ list-style:disc; margin-left:1em; }
ol li								{ list-style:decimal; }


.fr									{ float:right; }
.fl									{ float:left; }

.l									{ text-align:left; }
.r									{ text-align:right; }
.c									{ text-align:center; }
.m									{ vertical-align:middle; }

.cl									{ clear:left; }
.cr									{ clear:right; }
.cb									{ clear:both; }

.hid								{ display:none; }

.img-left							{ float:left; margin-right:1em; margin-bottom:1em; }
.img-right							{ float:right; margin-left:1em; margin-bottom:1em; }

.marb							{ margin-bottom:15px; }

.dump								{ color:black; background:yellow; border:1px solid black; position:relative; z-index:100001; }

td, th								{ vertical-align:middle; }body {
	color:#000;
	background:#fff;
	font-family:trebuchet ms,sans-serif;
	font-size:.9em;
}


* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

h1, h2, h3, h4, p, ul, ol, table {
	line-height:130%;
	margin:.75em 0;
}

h1, h2 {
	font-weight:bold;
	text-transform:uppercase;
}

h1 {
	margin-top:0;
}

h2 {
	margin-top:1em;
}

h1, #content h2, #side h3, .flash, .error {
	background:#ED1C24;
	padding:.5em .75em;
	color:#fff;
}

.flash {
	background:#0c0; margin-bottom:1em;	
}

.error {
	background:#c00; margin-bottom:1em;
	width:400px;
}

a:hover {
	color:#ED1C24 !important;
}

h2 i {
	font-weight:normal;
	font-style:normal;
}

form input, form select, form textarea, form button {
	border:0;
	padding:.5em;
}



form input.text, form select, form textarea {
	background:#FCD3C1;
	color:#000;
	width:100%;
	font-family:trebuchet ms,sans-serif;
}

form textarea {
	height:162px;
}

button, .submit, .button {
	background:#ccc;
	font-weight:bold;
	text-transform:uppercase;
	padding:.5em;
}

.form-item {
	margin-bottom:3px;
	width:300px;
}


#header, #promo, #main, #footer {
	padding:1em;
}

#header {
	background:#000;
	color:#fff;
	text-align:center;
}

#header a {
	color:#fff;
}

#header h2 {
	
}

#header .contacts > div {
	display:inline-block;
	vertical-align:middle;
}

#header .contacts > div.fb img {
	height:2em;
}

#header .title {
	padding-bottom:.5em;	
}

#header .title > * {
	display:inline-block; vertical-align:middle;
}

#nav {
	clear:left;
	text-transform:uppercase;
	margin-bottom:1em;
}

#nav ul {
	
}

#nav li {
	display:inline-block; 
	list-style:none; 
	margin:0 .25em;
	position:relative;
	padding-bottom:.5em;
}

#nav a {
	padding:0 .5em;
}

#nav ul ul {
	display:none;
	position:absolute; left:0; top:1em;
	width:200px; background:#000;
	z-index:10;
	text-align:left;
	line-height:150%;
	padding:.25em 0;
}

#nav ul ul li {
	display:block; width:100%;
}

#nav ul ul a {
	display:block;
	width:100%;	
	padding:0 .5em;
	border-bottom:1px dotted #333;
}

#nav ul li:hover ul, #nav ul li.touched ul {
	display:block;
	position:absolute;
	top:1em;
	left:-.75em;
}


#nav2 ul {
	padding:0;
}

#nav2 li {
	display:block;
	list-style:none;
	padding:0; margin:0;
}

#nav2 a {
	display:block;
	text-transform:uppercase;
	padding:.5em;
	background:#000;
	margin:0 3px 3px 0;
	color:#fff;
	text-decoration:none;
}


#promo {
	background:#e0dec9;
	text-align:center;
}

.discounts > * {
	display:inline-block;
	vertical-align:middle;
	line-height:2em;
	height:2em;
}

.discounts > h3 {
	background:#EA4345;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:0 .5em;
}

.discounts ul {
	background:#fff;
	padding:.25em;
}

.discounts li {
	display:block;
	list-style:none;
}

.banner img {
	max-width:100%;
}


#main {
	
}

#side {
}

#side h2 {
	font-size:30px;
}


#side .partners img {
	display:inline-block; vertical-align:middle; margin:0 .5em .5em 0;
    filter: url('/pub/css/filters.svg#grayscale');
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#footer {
	background:#000;
	color:#fff;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#nav3 {
	text-transform:uppercase;
	margin-bottom:2em;
}

#nav3 li {
	display:block;
	vertical-align:top;
	list-style:none;
	font-weight:bold;
}

#nav3 ul ul {
	margin:.25em;
}

#nav3 ul ul li {
	font-weight:normal;
	font-size:.8em;
	line-height:1.5em;
	margin-left:.5em;
}

.footer-copy span {
	padding-right:2em;
}

.c-simplegallery img {
	float:left;
	display:block;
	border:4px solid #000;
	margin:0 .5em .5em 0;
}

.c-pagegallery {
	margin:2em 0;	
}

select.menu {
width:60%;	
}

.news {
	padding-bottom:1em;	
}

.new {
	clear:left;
	border-top:1px dotted #ccc;
	padding:.75em 0;
}

.new:first-child {
	border-top:none;
	padding-top:0;
}

.new-text {
	margin-left:260px;
}

.new-image {
	float:left;
	margin-bottom:.75em;
}

.new-date {
	font-weight:bold; color:#ED1C24;
}

.new p {
	margin:.5em 0;	
}

.c-requestform {
	clear:left;	
}



#panak_poptavka {
	float:right;
}

#panak_zebrik span {
	display:none;	
}

.c-pagegallery {
	clear:both;	
}

.c-contactform .item {
	margin:5px 0;	
}

input.captcha {
	width:120px !important;
	position:relative; top:-8px;	
}
	


@media screen and (min-width:600px) {

	#c1 {
	/*
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		column-count: 2;
		column-gap: 2em;	
	*/
	}
	
	form .col {
		display:inline-block;
		vertical-align:top;
		margin-right:3px;
		width:280px;
	}
	
	.form-item {
		width:280px;
	}
	
	.partners {
		padding-bottom:2em;
	}


}

@media screen and (min-width:800px) {

	#header, #promo, #main, #footer {
		padding:1em 20px;
	}

	#header {
		height:140px;
		position:relative;
	}
	
	#logo {
		position:absolute;
		left:2em;
		top:23px;
	}
	
	#header {
		text-align:left; 
		padding-left:160px;
	}
	
	#header .contacts {
		position:absolute; 
		right:2em;
		top:23px;
	}
	
	#header .contacts > div {
		display:block; float:right; clear:right;
		text-align:right;
		line-height:1.5em;
	}
	
	#header .contacts .phone {
		background:url('/images/icon-phone.png') 0 center no-repeat;
		padding-left:25px;
	}	

	#header .contacts .mail {
		background:url('/images/icon-mail.png') 0 center no-repeat;
		padding-left:25px;
	}
	
	#header .contacts .fb {
		margin-top:.5em;
	}
	
	#header h2 {
		font-size:1.75em;
		margin:.5em 0;
	}

	#promo {
		/*background:#e0dec9 url('/images/panak1.png') 40px 0 no-repeat;*/
		padding-left:220px;
		text-align:left;
		min-height:200px;
		position:relative;
	}
	
	#panak_home {
		position:absolute; left:0; top:0;	
	}

	
	#nav li {
		margin-right:1em;
	}
	
	#nav a {
		padding:0;
		text-decoration:none;
	}

	
	#main {
		padding:1.5em 20px;
	}
	
	#content {
		float:right;
		width:750px;
		padding-bottom:1.5em;
	}
	
	#side {
		float:left;
		width:185px;
	}	

	#side h2 {
		margin-top:0;
	}
	
	#footer {
		clear:both;
	}

/*
	#nav2 {
		padding-bottom:154px;
		background:url('/images/panak2.png') 70px bottom no-repeat;
	}
*/
	#nav2 ul {
		margin-bottom:0;	
	}
	
	
	#marquee {
		position:relative;
		overflow:hidden;
		width:630px;
		background:#fff;
	}
	#marquee .sections {
		position:absolute;
		left:0px;
		top:0px;
		white-space:nowrap;
	}
	#marquee .section {
		height:2em;
		line-height:2em;
		float:left;
		padding:0 0 0 4em;
	}

	a #marquee {
		color:#000;	
	}

	a:hover #marquee {
		color:#c00;	
	}
	
}

@media screen and (min-width:1000px) {
	#nyk {
		width:960px;
		margin:0 auto;
	}
	#header {
		padding-left:220px;
	}
	
	#header h2 {
		font-size:2em;
		margin:.5em 0 .5em 0;
	}
	
	#nav li {
		margin-right:2em;
	}
	
	#nav3 > ul > li {
		display:inline-block;
		width:18%;
	}
	
	#main {
		padding:1.5em 0;
	}
	
	.footer-copy {
		text-align:center;
	}
	
	.partners {
		text-align:center;
	}
	
	.request-form {
/*		background:url('/images/panak3.png') right 4px no-repeat;*/
		position:relative;
	}
}


@media screen and (max-width:599px) {
	#panak_home, #panak_obraceny {
		display:none;	
	}
}

#content h2.light {
	background:rgba(237,28,36,.5);
	clear:left;
}#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('/pub/images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/pub/images/lightbox/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/pub/images/lightbox/next.gif') right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; color:black;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}