/* 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/* End of Reset */

body {
	background: url("images/body-top.png") top repeat-x;
	text-align: center;
	font: 14px/22px sans-serif;
	font-weight: normal;
	color: #4c4c4c;
}

hr {display: none}

#header-bg {
	background: url("images/header-bg.jpg") top center no-repeat;
	height: 320px;
	position: relative;
	z-index: 0;
}

#header {
	background: url("images/header.jpg") top left no-repeat;
	height: 350px;
	width: 960px;
	padding: 0px 0px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 1;
}

#site {
	width: 840px;
	padding: 0px 60px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 1;
}

#footer {
	height: 110px;
	clear: both;
	position: relative;
	z-index: 0;
	background: url("images/footer-bg.png") bottom center repeat-x;
}

#footer-in {
	width: 960px;
	height: 50px;
	padding-top: 60px;
	margin: 0 auto;
	position: relative;
	clear: both;
	z-index: 1;
	background: url("images/footer.jpg") bottom left no-repeat;
	text-align: left;
}

#header h1 {display:block; width: 427px; height: 70px; position: relative; top: 0px; left: 59px; overflow: hidden; line-height: 70px; color: #ffffff; font-style: italic; font-size: 18px;}
#header h1 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 427px; height: 70px; margin:0; padding:0; background: url("images/logo.jpg") no-repeat}

#header h2 {display:block; width: 320px; height: 80px; position: absolute; top: 110px; left: 60px; overflow: hidden}
#header h2 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 320px; height: 80px; margin:0; padding:0; background: url("images/tag-line.jpg") no-repeat}

.access-hide, #header h4 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#cv a {display:block; width: 153px; height: 70px; position: absolute; overflow: hidden; top: 0px; right: 217px; line-height: 70px; color: #96a392; text-align: center; text-decoration: none; font-weight: bold;}
#cv a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 153px; height: 70px; margin:0; padding:0; background: url("images/nav-cv.jpg") no-repeat; cursor: pointer}
#cv a:hover span, #cv a:focus span, #cv a:active span {background-position: 0px -70px; color: #c6966d;}

#contact a {display:block; width: 84px; height: 70px; position: absolute; overflow: hidden; top: 0px; right: 133px; line-height: 70px; color: #96a392; text-align: center; text-decoration: none; font-weight: bold;}
#contact a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 84px; height: 70px; margin:0; padding:0; background: url("images/nav-contact.jpg") no-repeat; cursor: pointer}
#contact a:hover span, #contact a:focus span, #contact a:active span {background-position: 0px -70px; color: #c6966d;}

#blog a {display:block; width: 83px; height: 70px; position: absolute; overflow: hidden; top: 0px; right: 50px; line-height: 70px; color: #96a392; text-align: center; text-decoration: none; font-weight: bold;}
#blog a span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 83px; height: 70px; margin:0; padding:0; background: url("images/nav-blog.jpg") no-repeat; cursor: pointer}
#blog a:hover span, #blog a:focus span, #blog a:active span {background-position: 0px -70px; color: #c6966d;}

#pop-cv {
	position: absolute;
	top: -9999px;
	height: 190px;
	width: 359px;
	background: url("images/pop-cv.jpg") no-repeat;
	display: none;
}

#cv:hover #pop-cv, #cv:focus #pop-cv, #cv:active #pop-cv {
	position: absolute;
	top: 70px;
	right: 30px;
	height: 190px;
	width: 359px;
	background: url("images/pop-cv.jpg") no-repeat;
	display: block;
}

#pop-contact {
	position: absolute;
	top: -9999px;
	height: 190px;
	width: 359px;
	background: url("images/pop-contact.jpg") no-repeat;
	display: none;
}

#contact:hover #pop-contact, #contact:focus #pop-contact, #contact:active #pop-contact {
	position: absolute;
	top: 70px;
	right: 30px;
	height: 190px;
	width: 359px;
	background: url("images/pop-contact.jpg") no-repeat;
	display: block;
}

#pop-blog {
	position: absolute;
	top: -9999px;
	height: 190px;
	width: 359px;
	background: url("images/pop-blog.jpg") no-repeat;
	display: none;
}

#blog:hover #pop-blog, #blog:focus #pop-blog, #blog:active #pop-blog {
	position: absolute;
	top: 70px;
	right: 30px;
	height: 190px;
	width: 359px;
	background: url("images/pop-blog.jpg") no-repeat;
	display: block;
}

.nav li li {
	padding: 50px 30px 20px 140px;
	color: white;
}

.nav strong {
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
}

.nav strong.mail {
	font-size: 20px;
}

/* Header & nav end */

/* content */

#site p {
	margin-bottom: 11px;
}

#site ul li {
	margin-bottom: 11px;
	padding-left: 20px;
	background: url("images/ul-blue.png") left 7px no-repeat;
}

#site h3 {
	text-align: center;
	font-size: 18px;
}

acronym {
	border-bottom: 1px dotted silver;
	cursor: help;
}

.c1 {
	width: 240px;
	min-height: 338px;
	float: left;
	margin-right: 60px;
}

.c2 {
	width: 240px;
	min-height: 338px;
	float: left;
	margin-right: 60px;
}

.c3 {
	width: 240px;
	min-height: 338px;
	float: left;
	margin-right: 0px;
}

.c1 a {
	color: #42661f;
}

.c1 a:hover, .c1 a:focus, .c1 a:active {
	/*background-color: #42661f;
	color: #ffffff;*/
	text-decoration: none;
}

.c2 a {
	color: #8c701c;
}

.c2 a:hover, .c1 a:focus, .c1 a:active {
	/*background-color: #8c701c;
	color: #ffffff;*/
	text-decoration: none;
}

.c3 a {
	color: #38628c;
}

.c3 a:hover, .c1 a:focus, .c1 a:active {
	/*background-color: #38628c;
	color: #ffffff;*/
	text-decoration: none;
}

.c1 h2 {display:block; width: 240px; height: 55px; position: relative; top: 0px; left: 0px; overflow: hidden; margin-top: 0px; font-size: 38px; line-height: 38px; color: #63992e;}
html > body .c1 h2 {display:block; width: 240px; height: 55px; position: relative; top: 0px; left: 0px; overflow: hidden; margin-top: 35px;}
.c1 h2 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 240px; height: 44px; margin:0; padding:0; background: url("images/h2-autor.png") no-repeat;}

.c2 h2 {display:block; width: 240px; height: 55px; position: relative; top: 0px; left: 0px; overflow: hidden; margin-top: 0px; font-size: 38px; line-height: 38px; color: #bf9926;}
html > body .c2 h2 {display:block; width: 240px; height: 55px; position: relative; top: 0px; left: 0px; overflow: hidden; margin-top: 35px;}
.c2 h2 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 240px; height: 44px; margin:0; padding:0; background: url("images/h2-design.png") no-repeat;}

.c3 h2 {display:block; width: 240px; height: 55px; position: relative; top: 0px; left: 0px; overflow: hidden; margin-top: 0px; font-size: 38px; line-height: 38px; color: #477db3;}
html > body .c3 h2 {display:block; width: 240px; height: 55px; position: relative; top: 0px; left: 0px; overflow: hidden; margin-top: 35px;}
.c3 h2 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 240px; height: 44px; margin:0; padding:0; background: url("images/h2-ponuka.png") no-repeat;}

.c1 h3 {
	color: #63992e;
}

.c2 h3 {
	color: #bf9926;
}

.c3 h3 {
	color: #477db3;
}

.ref {
	padding-top: 20px;
	margin-top: 24px;
	height: 338px;
	background: url("images/ref-bg.png") top left repeat-x;
}

html > body .ref {
	height: auto;
	min-height: 338px;
}

.ref a img {
	margin: 10px 0 2px 0;
	padding: 1px;
	border: 1px solid #cccccc;
	background: white;
}

.ref a:hover img {
	border: 1px solid #8c8c8c;
	background: white;
}

.c1 .ref a:hover img {
	border: 1px solid #63992e;
}

.c2 .ref a:hover img {
	border: 1px solid #bf9926;
}

.c3 .ref a:hover img {
	border: 1px solid #477db3;
}

#footer-in p {
	margin-left: 60px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #a69974;
}

#footer-in p.note {
	clear: left;
	margin-top: -2px;
	color: #66583d;
}

#footer-in p.note a {
	padding-left: 15px;
	color: #66583d;
	text-decoration: none;
	background: url("images/ico-apple.png") center left no-repeat;
}

#footer-in p.top {
	margin: 0;
	position: absolute;
	right: 60px;
	float: none;
}

#footer-in p a  {
	color: #a69974;
}

#footer-in p a:hover, #footer-in p a:focus, #footer-in p a:active {
	text-decoration: none;
}

#footer .valid {
	padding-left: 15px;
	background: url("images/ico-valid.png") center left no-repeat;
}

#footer .blog {
	padding-left: 15px;
	background: url("images/ico-blog.png") center left no-repeat;
}

#footer .mail {
	padding-left: 19px;
	background: url("images/ico-mail.png") center left no-repeat;
}

/* LYTEBOX */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #cccccc; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 1px solid silver; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 1px solid silver; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 80%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; padding-left: 5px; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; padding-left: 5px; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; padding-left: 5px; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }