/* RESET */
html{color:#000; background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit; font-weight:inherit}
del, ins{text-decoration:none}
li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
input, button, textarea, select{*font-size:100%}

/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1{width:60px}		.grid_2{width:140px}	.grid_3{width:220px}	.grid_4{width:300px}
.grid_5{width:380px}	.grid_6{width:460px}	.grid_7{width:540px}	.grid_8{width:620px}
.grid_9{width:700px}	.grid_10{width:780px}	.grid_11{width:860px}	.grid_12{width:940px}
.column, .col{margin:0 10px; overflow:hidden; float:left; display:inline}
.column0, .col0{margin:0; overflow:hidden; float:left; display:inline}
.row0{width:100%; overflow:hidden; float:left; display:inline}
.row{width:960px; margin:0 auto; overflow:hidden}
.row .row{margin:0 0px; width:auto; display:inline-block}
.full{width:940px; margin:0 auto; overflow:hidden; padding:0 10px}
.r {float:right;}
/* LAYOUT */

	body {
		
		font-family: arial,'segoe UI', verdana, arial;
		font-size:72%;	
		
	}
	a {outline:none;cursor:pointer;color:#0077CC}
	a:visited {color:#67556A}
	a img {
		
		border:none;
	}
	a.selected {color:#000 !important; font-weight:bold;} 
	#menu a.selected {color:#fff !important; font-weight:normal;}
	a.blue {color:#0077CC !important;}
	a:hover {
		text-decoration:underline;
		cursor:pointer;
	}

	p 	{ margin:10px 0 10px 0; }
	h1	{
		color:#0F98CB;	
		font-size:1.6em;
		margin:10px 0 10px 0;
	}
	h1 a {color:#000;text-decoration:none;}
	h2 {
		font-size:1.2em;
		margin-top:0;
		font-weight:bold;
	}
	hr {border:none;border-top:1px solid #aaa;margin:10px 0 10px 0;}

/* FORM */

	form {
		width:372px;
		padding:15px;
		padding-top:15px;
		border:1px solid #ccc;
		overflow:auto;
		position:relative;
		background-color:#f9f9f9;
		font-size:1.1em;
	}
	#header {position:relative;height:200px;}
	#forgottenpw {display:none;}
	#signin {position:absolute;right:10px;top:10px;text-align:right;}
	#ssg a {color:#fff;margin-right:20px;text-transform:uppercase;font-size:15px;}
	body {margin:0;padding:0;}
	#top {background-color:#000; color:#fff;}
	#logo {padding:40px 0 10px 0px;}

	ul#menu { clear:both; position:relative;  }
	ul#menu > li {position:relative; padding:0px; z-index:90; display:block; float:left;background-color:transparent; }
	ul#menu > li > a {
		
		display:block;
		float:left;
		text-decoration:none;		
		font-size:14px;
		padding:16px 15px 15px 0px !important;
		letter-spacing:0px;
		color:#777;
		text-align:center;
		
	}
	ul#menu > li:hover > a {
		color:#fff;
	}
	ul#menu > li a:hover {
		color:#fff;	
	}
	ul#menu > li a.selected { color:#fff;}
    ul#menu li ul {display:none; position:absolute; width:150px; top:45px; left:0px; background-color:#fff;border-top:1px solid #ccc;color:#222;z-index:9999}
    ul#menu li ul li {  display:block; width:150px;font-size:1em; border-bottom:1px solid #eee;}
    ul#menu li ul li:hover {background-color:#eee;cursor:pointer;}
    ul#menu li ul li a {text-decoration:none;  text-align:left; font-size:1em; font-family:'segoe ui'; display:block; color:#222; padding:8px 15px;;}
    ul#menu li ul li a:hover { background-color:#333; color:#fff;}
    
    #content {margin-top:20px;margin-bottom:20px;}
    #footer {border-top:1px solid #222;padding-top:40px;margin-top:30px !important;padding-bottom:20px;margin-bottom:10px;clear:both;}
    #footer input[type=submit] {padding:3px 0;}
    
	ul.list li a { font-size:14px; display:block; padding:10px 5px; color:#000; border-bottom:1px solid #222; text-decoration:none;} 
	ul.list li h3 { font-size:15px; font-weight:bold;display:block; padding:10px 5px; color:#000; border-bottom:1px solid #222; text-decoration:none;} 
	ul.list li a:hover { cursor:pointer; background:#f9f9f9;}
	ul.list li.li { display:block; padding:2px 5px; color:#000; border-bottom:1px solid #ccc; text-decoration:none;} 

	/* list table */

	.list tr, .list td, .list th {border:1px solid #ccc; background-color:#fff;}
	.list tr td, .list tr th  { padding:1px 10px; text-align:left; }
	.list tr th {
		background-color:#21F581;
		color:#333;
		font-size:1.2em;
		padding:3px 10px;
	}
	.list a { text-decoration:none; }
	.list img {display:block;float:left;cursor:pointer;padding:2px;}

	a.edit {
			padding-left:13px;
			background:url(../images/icons/document.gif) no-repeat 0 1px  ;
			color:#3A77DD;
			font-size:11px;
			text-decoration:none;
	}
	a.edit:hover {text-decoration:underline;}
	br.clear {clear:both;}
	form.clear {padding:0;margin:0;background:transparent;border:none;font-size:1em;}
	
	form a.close {position:absolute;right:15px;top:10px;}
	form label
	{
        display: block;
        float: left;
        font-size:1em;
        margin:10px 0;
	}
	
	form input[type=text],form input[type=password], form input[type=file], form textarea, form select {
        display: block;
        width: 98%;
        float: left;
        margin-bottom: 0px;
        padding:4px 2px;
	}
	#newsletter input[type=text]{ width:150px; border:1px solid #ccc;}
	#newsletter input[type=submit]{ width:50px; border:1px solid #ccc; border-left:0;}
	
	.file {padding:3px 2px;border:1px solid #888;;}
	input[type=checkbox] {position:relative;top:3px;}
	.button, input[type=submit] {text-decoration:none;clear:both;background-color:#f5f5f5;color:#222;padding:3px 15px;border:1px solid #aaa;-moz-border-radius:0px;cursor:pointer;}
	.button:hover, input[type=submit]:hover {text-decoration:none;background-color:#eee;color:#000;}
	form select {padding:3px;width: 100%;}
	form br {clear:left;}
	textarea, select {border:1px solid #ccc;}
	input[type=text], input[type=password]  {
		
		border:1px solid #ccc;	
	}

	.facebookshare, .twittershare 
	{
		padding:0px 5px 0px 20px;
		font-size:1em;
		color:#000;
		display:block;
		height:15px;
		float:left;
		padding-top:1px;
		margin-right:10px;
		margin-top:2px;
	}
	.facebookshare {background:url(../imagesnew/fb.gif) no-repeat;}
	.twittershare  {background:url(../imagesnew/tw.gif) no-repeat;}

	
	.novinka h2 a , .vystava h2 a {color:#0F98CB; font-size:1em}
	.novinka p, .vystava p {line-height:1.6em; font-size:1em;margin-top:5px;margin-bottom:5px;}
	.novinka , .vystava {border-bottom:1px solid #222;padding-bottom:10px;margin-bottom:10px;}
	.novinky:last-child, .novinka:last-child, .vystava:last-child {border:0;}		
	.vystava-fotopreview {width:72px;margin-top:-3px;margin-right:10px;border:1px solid #eee; padding:2px; float:left;}
	.vystava-fotofull {width:148px;margin-top:-3px;margin-right:10px;border:1px solid #eee; padding:2px; float:left;}

	.novinky .column {padding:0; margin-left:0;margin-right:20px;}
	.novinky span.den {display:block;font-size:40px;font-weight:bold;text-align:center;color:#ED174F}	
	.novinky span.mesiac {font-size:11px;display:block;text-align:center;font-weight:bold;}	

	.hidden {background-color:#FFF;opacity:.4;padding-bottom:10px;}

	.event {margin-top:10px;color:#000;}
	.event a {color:#000;text-decoration:none;}
	.event a:hover {text-decoration:underline}
	.event-icon {vertical-align:middle;padding-right:5px;}
	
	#footer small {font-size:0.9em;font-weight:normal;}

	#system_message {display:none;background-color:#000;-moz-border-radius:5px;width:280px;position:fixed;bottom:10px;right:10px;color:#fff;font-size:14px;padding:10px;text-align:center;z-index:9999;opacity:.9;}
	#system_message .close {font-size:small;}
	#system_message a {color:#f00 !important;}

	
	#beta {position:fixed; bottom:10px; right:10px;color:#aaa;}
	
		/* SLIDER */
		
			#slider {
				width:450px;
				height:200px !important;
				position:absolute;
				right:20px;
				margin:0 auto;
				padding:0 !important;
				overflow:hidden;
				background-color:#060606;
			}
			#slider ul, #slider li{ 
				width:450px;
				position:relative;
				margin:0 auto;
				padding:0;
				list-style:none;
				
			}	
			.slider-text {
				
				font-size:0.9em;
				
			}
			#slider li img {
				
				margin-left:0px;
				margin-top:0px;
			}
			#slider, #slider li{ 
	
				overflow:hidden;
				
			}
			.slider-popis {
				
				display:none;
			}
			h1.slider-text .small {
				
				display:none;
				
			}
			#prevBtn, #nextBtn { 

					display:none;	
			}
			#slider-text {margin-top:30px;height:200px !important;left:350px;top:0;position:absolute;text-align:right;z-index:9;}
			#slider-captions {position:absolute !important; z-index:9 !important;right:-42px; top:20px; width:300px; text-align:right;}
			#slider-captions li {padding:10px; color:#555;text-decoration:none;padding-right:40px;}
			#slider-captions li a {color:#555;text-decoration:none;}
			#slider-captions .active {background:url(../imagesnew/slider-active.png) top right no-repeat;}
			#slider-captions .active, #slider-captions .active a {color:#fff !important;}