/* CSS Document */
html {
	height:100%;
}
* {
	margin:0;
	padding:0;
}

body {
	font:normal .90em arial, sans-serif;
	color:#1D1D1D;
	background:#F8F8FC;
	/* background:#ccc url(../images/gray_wall.jpg) repeat; */
	/* background:background-color:#E0EBF3;	*/
}
p {
	padding: 0 0 10px 0;
	line-height:1.7em;
}
img {
	border:0;
}
h1, h2, h3, h4, h5, h6  {
	font:bold 140% arial, sans-serif;
	color:#008CC6;
	padding:5px 0 10px 0;
}
h2 {
	font:bold 135% arial, sans-serif;
	margin-top:1em;
}
h3 {
	font:bold 125% arial, sans-serif;
	margin:.5em 0;
	padding:0 0 5px 0;
	color:#008CC6;
}
h4, h5, h6 {
	margin:.5em 0;
	padding:0 0 5px 0;
	font:bold 110% arial, sans-serif;
	color:#1D1D1D;
	line-height:1.5em;
}
h5, h6 {
	font:italic 95% arial, sans-serif;
	color:#1D1D1D;
	padding-bottom:15px;
}
h6 {
	color:#362C20;
}

a, a:hover {
	background:transparent;
	outline:none;
	text-decoration:underline;
	color:#5D5D5D;
}
a:hover, a:focus {
	text-decoration:none !important;
	color:white !important;
	background-color:#036 !important;
	/*background-color:#903 !important;*/
}
a[href^='http:']:after,
a[href^='https:']:after {
	padding-right:.6em;
	content:"";
	background-image:url(../images/ico-urlout.gif);
	background-position:right -20px;
	background-repeat:no-repeat;
}
a:hover[href^='http:']:after, a:focus[href^='http:']:after,
a:hover[href^='https:']:after, a:focus[href^='https:']:after {
	background-position:right -20px;
}
#content a[href^='http:']:after,
#content a[href^='https:']:after,
#footer a[href^='http:']:after,
#footer a[href^='https:']:after {
	background-position:right 0px;
}
#content a:hover[href^='http:']:after, #content a:focus[href^='http:']:after,
#content a:hover[href^='https:']:after, #content a:focus[href^='https:']:after,
#footer a:hover[href^='http:']:after, #footer a:focus[href^='http:']:after,
#footer a:hover[href^='https:']:after, #footer a:focus[href^='https:']:after {
	background-position:right -20px;
}
	
ul {
	margin:0px 0 22px 0px;
}
ul li {
	margin:2px 0 15px 17px;
}

.bold {
	font:bold 130% arial, sans-serif;
	line-height:1.5em;
	letter-spacing:-1px;
	background-color:Fuchsia;
}
.clear, br.clear {
	clear:both;
}


#main, #header, #banner, #menubar, #site_content, .site_content, #footer, .footer, #contact, #footer_content, #banner_image {
	margin-left:auto; 
	margin-right:auto;
}
#header {
	height:50px;
	margin-bottom:20px;
	position:relative;
}
#site_heading {
	/*height:95px;
	width:800px;*/
	margin-bottom:30px;
	/*padding-left:20px;*/
}	
#site_heading h1 {
	/*width:920px;*/
	font:normal 200% arial, sans-serif;
}
#site_heading h2 {
	/*width:920px;*/
	font:normal 150% arial, sans-serif;
	color:#990033;
	letter-spacing:-1px;
	
	margin-top:inherit;
}
p.odsazeni {
	padding:0 0 0 20px;
	font:bolder 130%;
}	
#menubar {
	/*width:958px;*/
	height:56px;
	/*padding-top:15px;*/
	text-align:center; 
	/*margin:0 auto;*/
	background:#008CC6;
	background:-moz-linear-gradient(#0FB9FF, #008CC6);
	background:-o-linear-gradient(#0FB9FF, #008CC6);
	background:-webkit-linear-gradient(#0FB9FF, #008CC6);
	
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px;
	
	/*border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border:15px;
	border:1px solid #0096D4;*/
}
ul#menu {
	margin:0 auto;
	width:960px;
	display:inline-block;
	/*position:relative;
	left:50%;
	float:left;*/
}
ul#menu li {
	padding:0;
	list-style:none;
	/*margin:0;*/
	display:inline;
	background:transparent;
	margin:0 10px 0 0;
	/*position:relative;
	right:50%;
	float:left;*/
}
ul#menu li:last-child {
	margin:0;
}
ul#menu li a {
	font-size:150%;
	letter-spacing:-1px;
	/*height:35px;*/
	padding:15px 10px;
	display:inline-block;
	text-align:center;
	color:#FFF;
/*	float:left;*/
	text-shadow:1px 1px #1d1d1d;
	text-decoration:none;
	background:transparent;
	font-weight:bolder;
} 
ul#menu li.current {
	/*margin:2px 0 0 0;*/
}
ul#menu li.current a {
	/*text-decoration:underline;*/
	/*background-color:#036;*/
	background-color:#903;
}
/*ul#menu li a:hover {
	text-decoration:underline;
}*/
#site_content,
.site_content {
	width:960px;
	overflow:hidden;
	padding-top:20px;
	clear:both;
}
.site_content {
	padding:0 10px;
}	
#content {
	text-align:left;
	width:710px;
	margin:5px 0 20px 0;
	padding:20px 20px 0 0;
	float:left;
}
.content_item {
	width:710px;
	float:left;
	margin-bottom:1em;
	clear:both;
}
.content_image {
	width:128px;
	/*height:128px;*/
	/*margin:20px 0px 20px 5px;*/
	margin:25px 0px 20px 20px;
	float:left;
	clear:both;
}
.content_image a img,
.content_image img {
	display:block;
	/*border:2px solid Blue;*/
	padding:2px;
	/*background-color:#903;*/
	/*background-color:#008CC6;*/
	/*background-color:#036;*/
	background-color:white;
	-webkit-box-shadow:rgba(0, 0, 0, 5) 0px 0px 20px;
	-moz-box-shadow:rgba(0, 0, 0, 5) 0px 0px 20px;
	box-shadow:rgba(0, 0, 0, 5) 0px 0px 20px;
	/* -webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 25px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 25px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 25px}*/
}
.content_image a:hover img,
.content_image a:focus img {
	background-color:#036;
	/*background-color:#903;*/
}
.content_text {
	width:520px;
	float:left;
	margin-top:20px;
	padding-left:40px;
	/*clear:both;*/
}
.content_text h3,
.sidebar_container h3  {
	color:#990033;
}	
.content_text h3 a {
	color:#990033;
	text-decoration:underline;
}
.content_text h3 a:hover,
.content_text h3 a:focus {
	text-decoration:none;
}
.content_text ul {
	/*font:normal 120% arial, sans-serif;
	color:black; */
}
.text_vlevo ul li,
.content_item ul li,
.content_text ul li {
	/*font:normal 100% arial, sans-serif;*/
	margin: 2px 0px 10px 27px;
}
.text_vlevo ul ul li,
.content_item ul ul li,
.content_text ul ul li {
	/*font:normal 80% arial, sans-serif;
	list-style-type:none;*/
	margin: 2px 0px 10px 47px;
}
.text_vlevo {
	width:600px;
/*	float:left;*/
	margin-top:20px;
	padding-left:20px;
	clear:both;
}
.text_vlevo h3,
.content_item h3,
.content_text h3 {
	color:#990033; 
}
.modra a{
	color:Blue;
}
.modra a:hover{
	color:Blue;
	text-decoration:none;
}
#banner_image  {
	width:690px;
	height:250px;
	margin:0 0 15px 5px;
	float:left;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 10px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 10px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 10px;
}
	
/* styling for the slideshow on the homepage */
ul.slideshow {
	list-style:none;
	width:690px;
	height:250px;
	overflow:hidden;
	position:relative;
	padding:0;
}
ul.slideshow li {
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	right:0;
}
ul.slideshow li.show {
	z-index:500;
}
ul img {
	border:none;
}
#slideshow-caption {
	width:710px;
	text-align:right;
	height:30px;
	position:absolute;
	bottom:0;
	left:0; 
	z-index:500;
}
#slideshow-caption .slideshow-caption-container {
	background:transparent url(../images/transparent.png) repeat;	
	padding:10px 45px 12px 25px;	
	z-index:1000;
}
#slideshow-caption p {
	padding:0;
	font:normal 100% arial, sans-serif;
	color:#FFF;
}
.sidebar_container {
	float:left;
	width:220px;
	margin:20px 0 20px 0;
	background:#008CC6;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border:15px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 15px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 15px;
	box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 7px;
}
.sidebar_container.marked {
	background-color:#903;
	/*background-color:#036;*/
}
.sidebar_container.marked h3 {
	color:#FFF;
	text-shadow:1px 1px #000;
}
.sidebar {
	float:right;
	width:210px;
	padding:10px;
	margin-bottom:10px;
	color:White;
}
#content a,
#site_heading a,
.sidebar a {
	padding:4px 0;
}
.sidebar a {
	color:#FFF;
}
.sidebar a.letterLine {
	/*word-wrap:normal;*/
	/*word-break:keep-all;*/
	display:inline-block;
	padding:0;
}


.sidebar a:hover {
	text-decoration:none;
}
.sidebar ul li, .sidebar ul li.selected {
	list-style:none; 
	margin:15px 0;
	padding:0;
}
.sidebar li.selected, .sidebar li:hover {
	color:#5D5D5D;
	text-decoration:none;
} 
.sidebar_item {
	font:normal 100% arial, sans-serif;
	padding:0 5px 0 0;
	margin:10px;
	width:201px;
}


/* FORM */
form,
#contact_form {
	/*float:left;*/
	margin:20px 0 20px 0;
	/*background-color:#903;*/
	background-color:#DDD;
	/*background-color:#008CC6;*/
	color:#1D1D1D;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border:15px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px;
}
form fieldset {
	border:none;
	padding:1em;
}
form fieldset p {
	margin:0;
	display:block;
	clear:both;
}
form fieldset .float_left {
	float:left;
	clear:none;
}
form fieldset .float_right {
	float:right;
	clear:none;
}
form fieldset .width_50 {
	width:49%;
}
form label {
	font-weight:bold;
	display:block;
}
form label .mandatory,
form .mandatory span {
	color:#903;
}
form input[type='text'],
form select,
form textarea {
	font:normal 100% arial, sans-serif;
	padding:.5em;
	border:1px solid #AAA;
	/*width:330px;*/
	width:100%;
	/*border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border:10px;*/
	-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing:border-box;	/* Firefox, other Gecko */
	box-sizing:border-box;		 /* Opera/IE 8+ */
}
form input[type='text']:focus,
form select:focus,
form textarea:focus {
	border-color:#003366;
}
form textarea {
	/*width:660px;*/
}
form .button_line {
	text-align:right;
	position:relative;
}
form .button_line .mandatory {
	text-align:left;
	/*float:left;*/
	display:block;
	width:300px;
	position:absolute;
	top:-.5em;
}
form input.button {
	font:bold 100% arial, sans-serif;
	padding:.5em;
	border:1px solid #000;
	background-color:#903;
	color:#FFF;
	cursor:pointer;
	margin-left:.5em;
	width:150px;
/*	float:right;*/
}

form input.button[type='reset'] {
	background-color:#888;
}
form input.button:hover,
form input.button:focus {
	background-color:#003366;
}


/* FOOTER */
.footer,
#footer {
	font-size:80%;
	/*letter-spacing:-1px;*/
	padding:10px 20px;
	margin:0 auto 20px auto;
	width:920px;
/*	height:75px;*/
	text-align:center; 
	color:#333;
	/*background:#008CC6;
	background:-moz-linear-gradient(#0FB9FF, #008CC6);
	background:-o-linear-gradient(#0FB9FF, #008CC6);
	background:-webkit-linear-gradient(#0FB9FF, #008CC6);
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border:15px;
	border:1px solid #0096D4;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;*/
}
#footer {
	/*background:#008CC6;*/
}
.footer {
	font-size:100%;
	width:auto;
	color:#FFF;
	margin:2em auto .5em auto;
	
	background:#008CC6;
	background:-moz-linear-gradient(#0FB9FF, #008CC6);
	background:-o-linear-gradient(#0FB9FF, #008CC6);
	background:-webkit-linear-gradient(#0FB9FF, #008CC6);
	/*border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border:15px;
	border:1px solid #0096D4;*/
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 5px;
	
	border:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border:0;
	/*-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;*/
}
.footer p {
	padding-bottom:0;
}

#footer p {
	padding-bottom:0.5em;
}
.footer .menu {
	margin:0 auto;
	width:960px;
}
.footer .menu a,
#footer .menu a {
	margin-right:0.5em;
	margin-left:0.5em;
	letter-spacing:normal;
	padding:5px;
}
.footer .menu a.current,
#footer .menu a.current {
	/*text-decoration:underline;*/
	/*background-color:#036;*/
	background-color:#903;
}
.footer a,
.footer a:hover
.footer a:focus,
#footer a,
#footer a:hover
#footer a:focus {
	/*color:#FFF;*/
	text-decoration:underline;
}
.footer a,
.footer a:hover
.footer a:focus {
	color:#FFF;
}
.footer a:hover,
.footer a:focus,
#footer a:hover,
#footer a:focus {
	text-decoration:none;
}
.spaceLetterBigger,
.footer a.spaceLetterBigger,
#footer a.spaceLetterBigger {
	letter-spacing:0.4em;
	padding-left:0.4em;
	display:inline;
	text-decoration:none;
	border-bottom:1px solid #FFF;
}
.footer a.spaceLetterBigger:hover,
.footer a.spaceLetterBigger:focus,
#footer a.spaceLetterBigger:hover,
#footer a.spaceLetterBigger:focus {
	border:none;
}



/* menu btn */
#nav-btn {
	background-color:#FFF;
	border-bottom:15px double #121212;
	border-top:5px solid #121212;
	/*float:right;*/
	position:absolute;
	right:15px;
	top:-5px;
	height:5px;
	width:26px;
	cursor:pointer;
}
#nav-btn:hover,
#nav-btn:focus {
	background-color:#0FB9FF;
	border-color:#036;
}
/* =============================
cookies 
============================= */
.eu-cookies {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: black;
    background-color: white;;
    z-index: 1000;
    font: 5%;
    line-height:0.8em;
    letter-spacing:-1px;
}

.eu-cookies button {
    background: green;
    color: white;
}