body 
{
	background-color:#d9d3ca;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:30px;
}

div#center 
{
	width:1102px;
	padding: 0px;
	margin: 0px auto;	
}

div#banner-right 
{
	width:120px;
	margin-top:10px;
	margin-left:2px;
	float:right;
}

div#container {
	float:left;
	width:980px;
	margin:10px auto;
	text-align:left;
	background-color:white;
	padding-bottom:30px;
}


/*div#container {
	width:980px;
	margin:10px auto;
	text-align:left;
	background-color:white;
	padding-bottom:30px;
}*/

.fl {
	float:left;
}

/* - - -  H L A V I C K A  - - - */

div#header {
	width:980px;
	height:178px;
	background-image:url(/images/bg_header.jpg);
	background-repeat:no-repeat;
}

	div#header a {
		color:white;
		margin-bottom:1px solid white;
	}
	
div#login {
	float:right;
	color:white;
	width: 160px;
	text-align:left;
	font-weight:bold;
	margin:38px 20px 0 0;
}

	div#login form {
		margin-bottom:0px;
	}	

	div#login .input {
		width:130px;
		font-size:11px;
		padding:3px 5px;
		border:1px solid #4a75a2;
		margin-bottom:2px;
	}
	
	div#login .button {
		margin-top:5px;
		margin-bottom:10px;
	}	

div#title {
	width:400px;
	margin-left:50px;
	padding-top:50px;
	text-align:right;
}

	div#title h1, div#title span {
		color:white;
		text-transform:uppercase;
	}

	div#title h1 {
		font-size:22px;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;		
		margin-bottom:10px;
	}
	div#title span {
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
	}	
	
	
#menuh-container
	{
		
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:25px;
	margin-top: 0px;
	border-left:1px solid #ded9cf;
}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #ded9cf;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}

#menuh ul a {
	border-left:0px;
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: black;
	text-decoration:none;
	font-weight: bold;
	background-image:url(/images/bg_menu.gif);
	background-repeat:repeat-x;
	background-color:#fffcf8;
	height:40px;
	line-height:40px;
	font-size:14px;
	}

#menuh ul li ul li a:link, #menuh ul li ul li a:visited, #menuh ul li ul li a:active /* druhá úroveň menu*/
	{ 
	border-top:0px;
	border-left: 1px solid #ded9cf;
	background-image:url(/images/bg_menu.gif);
	background-color:white;
	height:36px;
	line-height:36px;
	text-align:left;
	padding-left:10px;
}

#menuh ul li ul li ul li:first-child a:link, #menuh ul li ul li ul li:first-child a:visited, #menuh ul li ul li ul li:first-child a:active /* třetí úroveň menu*/
	{
	border-top:1px solid #ded9cf;
}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: black;
	background-color: white;
	text-decoration:none;
	}	
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:132.5px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -14px;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */


/* - - -  L E V Ý   M E N U - - - */
#sidebar {
	float: left;
    width: 220px;
    margin:0; padding:0;
}

#sidebar-content {
	margin-left:25px;
	padding: 0;
}

	#sidebar-content ul {
		list-style:none;
		margin:0;
		padding:0;	
/*		width:162px;*/
		/*nic*/
	}
	
	#sidebar-content ul li a {
		display:block;
		color: black;
		width:162px;
		/*162px*/
		text-decoration:none;
		background-image:url(/images/bg_menu.gif);
		background-repeat:repeat-x;
		background-color:#fffcf8;
		line-height:20px;
		font-size:14px;
		border:1px solid #ded9cf;
		margin:5px 0;
		padding:8px;
	}



/* - - -  H L A V N Í   O B S A H  - - - */
#main {
	margin:0 0 0 220px; padding:0;
}

#main-content 
{
	margin:0; 
	padding: 0 10px;
	color:#52473f;
}

#main-content h2 
{
		font-family:"Times New Roman", Times, serif;
		font-size:20px;
		color:#c70000;
		border-bottom:2px solid #736053;
		margin-top:0px;
		padding-bottom:5px;
		margin-bottom:20px;
}

#main-content img 
{
	border:1px solid black;
	margin:0 10px 10px 0;
}
#main-content a img.tlacitko 
{
	border:0px;
}	
	
#main-content a.nadpis 
{
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	color:#52473f;	
}
	#main-content a:link, #main-content a:visited, #main-content a:active {
		text-decoration:none;
	}
	#main-content a:hover {
		text-decoration:underline;
	}
	
	#main-content p {
		margin:10px 50px 25px 0;
	}
	
#article-content 
{
	margin:0; 
	padding: 0 20px;
	color: black;
	font-family:Arial, sans-serif;
	font-size:11.5pt;
	text-align: justify;
}	

/*	margin:0px 10px 0px 10px; padding: 50px 0px 0px 0px;
	color:#52473f;
	width:715px;
	position:absolute;
	clip: rect(auto, auto, 715px, auto);
	border-style: double;
	border-width:thin;
	border-color:black;
}*/

#article-content p
{
/*	text-indent:5pt;	*/
	margin:0px; 
	padding:0px;
}
	
#article-content h1
{
	margin:0px; 
	padding:0px;
	color: black;
	font-family:"Arial sans-serif";
	font-size:20pt;	
}

#article-content h3
{
	margin-left:0px;
	padding-left:0px;
	color:black;
}


#article-content h4
{
	margin-left:0px;
	padding-left:0px;
	color:black;
}

#article-content h4 a
{
	color:black;
	text-decoration: none;
}

#article-content h4 a:hover
{
	color:blue;
}

#article-content h4 a:active
{
	color:red;
}

#article-content a
{
	text-decoration:none;
	color:blue;
}

#article-content a:active
{
	color:red;
}

	
table.hp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	margin-bottom:10px;
}
	table.hp tr.bgc {
		background-color:#f2f2f2;
	}
	
	table.hp tr td {
		padding:7px 20px;
	}
	
div.obrazky a {
	float:left;
	margin-right:40px;
	padding:0px;
	margin-bottom:10px;
}

/* B_footer */
hr.cleaner 
{
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}

div#footer 
{
	position:relative;
	top:55px;
	text-align:right;
	margin:0 5px 0 0;
	color:#55493f;
	font-size:11px;
	font-weight:bold;
}

div#footer-old-web 
{
	position:relative;
	top:55px;
	text-align:left;
	margin:0 5px 0 0;
	color:#55493f;
	font-size:11px;
	font-weight:bold;
}


div#footer a {
	color:#55493f;
}
/* E_footer */
/* B_anketa */
.anketa1
{
	text-align:left;
}

	.anketa1 h1 
	{ 
		color: #1E5EB6;
		margin: 5px;
	}

	.anketa1 h2, h3, h4 
	{
		color : #333333;
		margin: 5px;
	}

	.anketa1 a 
	{
		color: #C00000;
		text-decoration: underline;
	}

	.anketa1 a:hover 
	{
		text-decoration: none;
	}
/* B_anketa */
	
/* B_ajax-spinner */	
#ajax-spinner 
{
    position:fixed;
    left: 50%;
    top: 50%;
    background: white url('/images/ajax-loader.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 1px solid #CCC;
    font-size: 0;
}
/* E_ajax-spinner */	

/* B_paginator */
.paginator 
{
	margin: 2em 0;
	font-size: 90%;
}

	.paginator a, 
	.paginator span 
	{
		margin-right: 0.1em;
		padding: 0.2em 0.5em;
		color: #999999;
	}

	.paginator a 
	{
		border: 1px solid #DED9CF;
		text-decoration: none;
		color: #105CB6;
	}

	.paginator span.button 
	{
		border: 1px solid #DDDDDD;
	}

	.paginator .current 
	{
		background: #2E6AB1;
		border: 1px solid #2E6AB1;
		color: white;
		font-weight: bold;
	}
/* E_paginator */

/* B_kalendar */	
#kalendar-list 
{
	color:black;	
}

#kalendar-default
{
	color:black;	
}

#kalendar-table table
{
	font-size: 100%;
	background-color: white;
	border-collapse: collapse;
	color: black;
	width: 670px;
}

#kalendar-table a 
{
	text-decoration:none; 
	color:black;	
}

#kalendar-table tr:hover 
{
	background-color: #CBCEFA;
}

#kalendar-table td 
{
		border: 1px solid #ded9cf;
		padding:5px 2px 5px 2px;
}



#kalendar-list table
{
	font-size: 100%;
	background-color: white;
	border-collapse: collapse;
	color: black;
	width: 670px;
}

#kalendar-list a 
{
	text-decoration:none; 
	color:black;	
}

#kalendar-list tr:hover 
{
	background-color: #CBCEFA;
}

#kalendar-list td 
{
		border: 1px solid #ded9cf;
		padding:5px 2px 5px 2px;
	}


	
	.kalendar-search
	{
		border: 1px solid #ded9cf;
		width: 650px;
		padding: 10px;
	}
	
	.kalendar-search table
	{
		font-size: 100%;
		background-color: white;
		border-collapse: collapse;
		color: black;
	}

	
	#kalendar-typ-akce 
	{
		font-size: 110%;
		background-color: white;
		border-collapse: collapse;
	}		
	
	#kalendar-typ-akce tr td 
	{
		border: 1px solid #ded9cf;
		padding:5px 5px 5px 5px;
	}

		
/* E_kalendar */
#mapa-cr-obrazek
{
  background-image: url(/images/maps/mapa-cr.png);
  margin: 1em; 
  float: left;
}
#img-mapa-cr
{
  opacity: 0;
}
#mapa-kraje
{
  padding: 20px;
}

#mapa-kraje a
{ 
  text-decoration: none;
  color: black;
}

#mapa-kraje a:hover
{ 
  text-decoration: none;
  color: blue;
  font-weight:bold;
}

#objednavka-atlas 
{
	margin:0; 
	padding: 0 10px;
	color:#52473f;
}

#kalendar-detail
{
	margin-left:15px;
	margin-right:15px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#kalendar-detail h1
{
	margin-top:0px;
	margin
}

/* formular-prihlaska*/

#formular-prihlaska .error
{
 list-style-type: none;
 color:black;
 text-align:left;
 font-weight:bold;
 padding-left:0px;
 border: red solid 1px;
 width:580px; 
 background:#F6E9E9;
}

#formular-prihlaska .error li
{
 margin:10px;
}

#formular-prihlaska .req
{
 color:red;
 margin-left:10px;
 min-width:15px;
 vertical-align:top;
}

#formular-prihlaska form
{
 width:500px;
 border: #ded9cf solid 1px;
 display:block;
 text-align:left;
 padding:40px;
}

#formular-prihlaska p
{
 text-indent:10px;
 text-align:justify;
}

#formular-prihlaska .col1
{
	width:150px;
}

#formular-prihlaska input.text
{
	width:180px;
}

#formular-prihlaska  select
{
	width:184px;
}

#formular-prihlaska h1
{
	margin-bottom:0px;
}

#formular-prihlaska h2
{
	margin-top:5px;
}