/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif;
	color: #000000;
	background: #495e5f;
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-size: 0.8em;
}

/* --- odkazy --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; text-decoration: none;}

/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] , a.video		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}
a.wallpaper								{display: block; margin: 7px; width: 90px; float: left; padding: 3px 5px; background: #DDC89D; border: 1px solid #7B612B; text-decoration: none; font-size: 0.9em; font-weight: bold; text-align: center;}
a.wallpaper:hover					{background: #BD9542; color: #fff;}


/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
hr						{display: block; clear: both; color: #33796b; background: #33796b; height: 1px; border-width: 0px; margin: 10px 0px 10px 0px;}
p 						{text-align: justify; margin: 0px 0px 10px 0px; line-height: 1.5em;}
code 					{font-size: 140%; font-weight: bold;}

/* --- seznamy --- */
ul						{margin: 5px 0px 5px 20px; padding: 0px; text-align: left; list-style: square;}
ul.corner 			{background: url(../img/bcg_ol_corner.gif) repeat-y top left; padding: 4px 0px 0px 0px; margin: 5px 0px 0px 20px;}
ul.corner li		{list-style: none; background: url(../img/line.gif) no-repeat left 8px; padding: 0px 0px 2px 15px; margin: 0px;}
li						{padding: 0px 0px 0px 5px; margin: 0px;}
ol						{padding: 4px 0px 0px 20px; margin: 0px;}

/* --- obrazky --- */
a img.galerie, img.galerie	{border: 1px solid #adadad; margin: 0px 5px 0px 0px; padding: 0px;}
a:hover img.galerie 			{border: 1px solid #adadad; margin: 0px 5px 0px 0px; padding: 0px;}
img.border, img.ramecek		{border: 1px solid #093b44; padding: 2px; background: #ffffff;}
a:hover img.border			{border: 1px solid #093b44;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin-left: 10px;}
img.aktualita					{margin-top: 15px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table {
	border-width: 0px;
}
td	{
	border-width: 0px;
}

table.nice {
	width: 650px;
	font-size: 0.9em;
}

table.nice tr td {
	padding: 2px 4px 2px 4px;
	font-size: 1em;
	border: 1px solid #dddddd;
}

table.nice tr td.item {
	background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom;font-weight: bold;
	width: 160px;
	}

table.nice tr td.long {
	width: 250px;
}

table.nice tr th {
	background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom;
	font-weight: bold;
	width: 120px;
}

table.rezervace						{width: 650px; font-size: 0.9em;}
table.rezervace tr td 				{padding: 2px 4px 2px 4px;	font-size: 1em; border: 1px solid #dddddd; width: 145px;}
table.rezervace tr td.item			{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 70px;}
table.rezervace tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold;}
table.list						{width: 650px; margin: 5px 0px;}
table.list.shortest		  	{width: 250px;}
table.list.shorter		  	{width: 400px;}
table.list.short  		  	{width: 500px;}
table.list tr th				{background: #eeeeee; border-bottom: 2px solid #e1e1e1; padding: 5px 2px 5px 2px;}
table.list tr td				{border-bottom: 1px solid #e1e1e1; padding: 3px 2px 3px 2px;}
table.short						{width: 230px;}
table.medium					{width: 350px;}


/* --- hlavicky --- */
h2, h3, h4, h5, h6 			{clear: both; color: #20484b; font-size: 1.3em; margin: 0px;}
h1									{display: none;}
h2									{padding: 4px 0px 4px 0px;	margin: 0px; font-size: 1.4em;}
h3 								{font-size: 1.18em; margin: 5px 0px 0px 0px;}
h4									{font-size: 1em;}

/* --- formulare --- */
form								{margin: 0px; padding: 0px;}
input, textarea, select		{font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif; font-size: 0.95em;}
input								{border: 1px solid #33796b; margin-bottom: 5px; padding: 3px; background: #fafafa;}
select							{border: 1px solid #33796b; margin-bottom: 5px; padding: 3px; background: #fafafa;}
textarea							{border: 1px solid #33796b; margin-bottom: 5px; padding: 3px; background: #fafafa;}
legend							{background: url(../img/bcg_mid_top.gif) no-repeat top; border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 							{margin: 4px 10px 3px 10px; width: 180px; float: left; text-align: right;}
input.submit					{background: #33796b; border: 1px solid #e9e9e9; color: #ffffff; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}
input.radio						{vertical-align: -6px;}
input.checkbox					{border: 0px;}
label.delsi 					{width: 180px;}
label.kratsi 					{width: 80px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 					{color: #004080;}
label.red	 					{font-weight: bold;}
input.red						{border: 2px solid #ff0000; color: #000000;}
textarea.red					{border: 2px solid #ff0000; color: #000000;}
select.red						{border: 2px solid #ff0000; color: #000000;}

/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller			{font-size: 0.95em;}
.small 			{font-size: 0.8em;}
.bigger 			{font-size: 1.05em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red				{color: #9f0000;}
.green			{color: #008000;}
.bold 			{font-weight: bold;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden			{display: none;}
.bad				{background: #ff0000; border: 1px solid #dddddd; color: #ffffff; padding: 2px 5px 2px 5px; font-weight: bold;}
.form			{display: none;}

/* ======================================== */

/* ========================== BLOKOVE PRVKY */
#layout {
	display: block;
	margin: auto;
	width: 920px;
	background: url(../img/bcg_layout.jpg) top left repeat-y;
}

#layout #content {
	display: block;
	width: 920px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/top/homepage.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#layout #content #top {
	display: block;
	clear: both;
	width: 920px;
	height: 310px;
}

#layout #content #top h1 {
	display: none;
}

#layout #content #contentLeft {
	display: block;
	float: left;
	width: 190px;
	margin-top: 320px;
}

#layout #content #contentLeft img {
	border: none;
}

#layout #content #contentLeft #contentLeftMenu {
	background: url(../img/bcg_menu.png) top left no-repeat;
	margin: 0px 0px 20px 0px;
	padding: 30px 0px 0px 0px;
	width: 185px;
	height: 272px;
}

#layout #content #contentLeft #contentLeftMenu ul {
	display: block;
	list-style: none;
	margin: 0px 0px 0px 37px;
	padding: 0px;
	width: 148px;
	height: 272px;
}

#layout #content #contentLeft #contentLeftMenu ul li {
	list-style: none;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-transform: uppercase;
	font-size: 0.85em;
	line-height: 1.45em;
}

#layout #content #contentLeft #contentLeftMenu ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#layout #content #contentLeft #contentLeftMenu ul li a:hover, #layout #content #contentLeft #contentLeftMenu ul li a.zvyraznene {
	color: #cf8c19;
}

#layout #content #contentLeft #contentLeftForm {
	width: 149px;
	height: 63px;
	margin: 18px 0px 0px 26px;
	padding: 17px 0px 0px 0px;
	background: url(../img/bcg_search2.png) top left no-repeat;
}


#layout #content #contentLeft #contentLeftForm form {
	display: block;
	width: 140px;
	height: 62px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#layout #content #contentLeft #contentLeftForm form p {
	padding: 0px;
	margin: 0px 20px 0px 7px;
	text-align: right;
}

#layout #content #contentLeft #contentLeftForm form input.query {
	border: none;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	height: 16px;
}

#layout #content #contentLeft #contentLeftForm form input.odeslat {
	width: 60px;
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	height: 20px;
	background: transparent;
	color: #ffffff;
	text-transform: uppercase;
	text-align: right;
}

#layout #content #contentLeft div.container {
	display: block;
	clear: both;
	margin: 0px 0px 30px 26px;
	padding: 15px;
	text-align: center;
}

#layout #content #contentLeft div.container p {
	text-align: center;
}

#layout #content #contentLeft div.container p img {
	padding: 10px 0px 10px 0px;
}

#layout #content #contentLeft ul#submenu {
	display: block;
	list-style: none;
	width: 155px;
	margin: 0px 0px 20px 26px;
	padding: 0px;
	border-top: 1px solid #988047;
	border-right: 1px solid #988047;
	border-bottom: 1px solid #988047;	
}

#layout #content #contentLeft ul#submenu li {
	margin: 0px;
	padding: 0px;
}

#layout #content #contentLeft ul#submenu li a {
	display: block;
	width: 150px;
	height: 20px;
	padding: 2px 0px 2px 5px;
	background: #d7caaa;
	border-bottom: 1px solid #988047;
	font-size: 0.85em;
}

#layout #content #contentLeft ul#submenu li a:hover, #layout #content #contentLeft ul#submenu li a.zvyraznene {
	background: #988047;
	color: #ffffff;
	text-decoration: underline;
}

#layout #content #contentRight {
	display: block;
	float: right;
	width: 670px;
	margin-top: 30px;
	padding: 430px 40px 0px 20px; 
}

#layout #content #contentRight table {
	border-collapse: collapse;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

#layout #content #contentRight td	{
	vertical-align: top;
	border-collapse: collapse;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}

#layout #content #contentRight h2 {
	display: none;
}

#layout #content #contentRight h2.show {
	display: block;
	color: #604b20;
	font-size: 1.5em;
	text-transform: uppercase;
	border-bottom: 2px solid #d8caa7;
	margin: 5px 0px 10px 0px;
}

#layout #content #contentRight h2.zvire {
	display: block;
	float: left;
	width: 380px;
}

#layout #content #contentRight #contentRightSelectBoxes {
	display: block;
	float: right;
	width: 250px;
	margin: 10px 0px 0px 10px;
}

#layout #content #contentRight #contentRightSelectBoxes select {
	width: 250px;
}

#layout #content #contentRight h3 {
	color: #093b44;
}

#layout #content #contentRight table.aktuality {
	border-style: solid;
	border-width: 0px;
}

#layout #content #contentRight table.aktuality tr td {
	width: 330px;
	border-style: solid;
	border-width: 0px;
}

#layout #content #contentRight table.aktuality tr td h3 {
	margin: 0px 0px 5px 0px;
}

#layout #content #contentRight table.aktuality tr td.left p {
	padding-right: 25px;
}

#layout #content #contentRight table.aktuality tr td.right {
	text-align: left;
}

#layout #content #contentRight table.aktuality tr td.right p {
	text-align: left;
}

#layout #content #contentRight table.aktuality tr td.wallpaper {
  padding: 0 0 25px 0;
  width: 220px;
}

#layout #content #contentRight table.aktuality tr td.wallpaper_soubory {
  padding: 0 0 50px 40px;
  width: 400px;
}



#layout #bottom, #layout #bottomIndex {
	display: block;
	clear: both;
	width: 920px;
	height: 220px;
	background: url(../img/bcg_bottom.png) no-repeat bottom left;
}

#layout #bottomIndex p.copyright {
	clear: both;
	display: block;
	float: right;
	font-size: 0.85em;
	width: 680px;
	margin: 75px 35px 0px 0px;
}


#layout #bottom ul {
	display: block;
	list-style: none;
	float: left;
	margin: 185px 0px 0px 30px;
}

#layout #bottomIndex ul {
	display: block;
	list-style: none;
	float: left;
	margin: 45px 0px 0px 30px;
}


#layout #bottom ul li, #layout #bottomIndex ul li {
	display: inline;
	background: url(../img/bcg_menu_bottom_li.png) left top no-repeat;
	list-style: none;
	padding: 0px 18px 0px 23px;
}

#layout #bottom ul li a, #layout #bottomIndex ul li a {
	color: #ffffff;
	font-size: 0.85em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#layout #bottom ul li a:hover, #layout #bottomIndex ul li a:hover {
	text-decoration: underline;
}

#layout #bottom img, #layout #bottomIndex img {
	display: block;
	float: right;
	width: 220px;
	height: 220px;
}

/* ============================================================ KALENDAR */
#mesice {
	width: 140px;
}

table#kalendar {
	clear: both;
	border: 1px solid #cdcdcd;
	background: url(../img/img_cal.gif);
}

table#kalendar td {
	color: #000000;
	padding: 0px;
	font-size: 11px;
}

table#kalendar td.nadpis {
	background: #ff8000;
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
}

table#kalendar td.nadpis a {
	display: inline;
	color: #ffffff;
	padding: 0px;
	text-align: center;
}

table#kalendar td.nadpis a:hover {
	display: inline;
	color: #ffffff;
	padding: 0px;
	text-align: center;
	text-decoration: underline;
	background: none;
}


table#kalendar td.sipka {
	background: #dddddd;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

table#kalendar td a {
	display: block;
	width: 25px;
	border-width: 0px;
	background: none;
	color: #000000;
	padding: 2px 1px 2px 1px;
}

table#kalendar td a.jeAkce {
	background: #ef9a49;
	color: #ffffff;
	text-align: center;
}

table#kalendar td a:hover {
	display: block;
	width: 25px;
	border-width: 0px;
	background: #b36b00;
	color: #ffffff;
	padding: 2px 1px 2px 1px;
}


/* --- lightbox --- */

#lightbox {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0px;
	margin-top: 0px;
	cursor: pointer;
}

#lightbox a img {
	border: none;
}

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

#outerImageContainer img {
		border: 1px solid #000000;
}

#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(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(lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer {
	font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

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

		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}