/* File: layout.css */

@media screen {

	/* BASIC LAYOUT & DESIGN */
	
	* {
		margin: 0;
		padding: 0;
	}
	
	html, body { /* @see http://www.quirksmode.org/css/100percheight.html, http://klient.plavacek.net/paticka/paticka-bez-textu.html */
			height: 100%;
		}
		
	body {
		min-width: 800px;
		margin: 0px;
		padding: 0px;
		background-color:white;
	}
	
	#page {
	
		font-family: 'Geneva CE', 'Verdana CE', 'Helvetica CE', Verdana, Arial, sans-serif; 
		line-height: 15px;
	
		/*color: white;*/
		background-color: #3399E0;
		background-color: white;
		background: #3399E0 url('../_layout_images/bg.page.gif') repeat-y;
		
		margin: 0px auto;
		padding: 0px;
		
		width: 760px;
		/*min-width: 760px;*/
		
		/*min-height: 100%;*/
		/*height: 100%;*/
		position: relative;
		
		/*border: 1px dotted blue;*/
	}
	
	/*body > #page { height: auto; }*/
	
	#header, #menu, #footer {
		color: black;
		background-color: white;
		margin: 0px;
		padding: 10px;
		clear: both;
		border: 20px solid #3399E0;
	}
	
	
	#header {
		margin-top: 0px;
		padding: 30px 25px 10px 20px;
		height: 75px;
		/*border: 1px dotted red;*/
	}
	
	#menu {
		padding: 0px;
		border-top: none;
		height: 40px;
	}
	
	#maincontent  { color: black; margin: 0; padding: 20px 40px 20px; /*min-height: 100%;*/ border: none }
	#maincontent-titlepage  { color: black; margin: 0; padding: 0 20px 20px 20px; /*min-height: 100%;*/ border: none }
	#titleimage {display:block; margin:0;}
	
	#footer {
		width: 720px;
		
		padding: 0px; 
		margin: 0px;
	
		/*position: absolute;
		bottom: 0px;
		_bottom: -1px; 
		left: 0px;*/
	}
		
	
	.cleaner {
		height: 0px;
		line-height: 0px;
		clear: both;
	}
	
	/* HEADER */
	
	#logo {
		float: right;	
	}
	
	#header #hledej-box {
		padding: 0px;
		padding-top: 12px;
		margin: 0px;
		/*border: 1px dotted red;*/
	}
	
	#header #hledej-box form, #header #hledej-box p {
		padding: 0px;
		margin: 0px;
	}
	
	#header form {
		margin-top: 10px;
		_margin-top: 18px; /*MSIE*/
		/*border: 1px dotted red;*/
	}
	
	#header form input {
		color: #333333;
		border: 2px solid #3399E0;
		background-color:white;
		padding: 2px;
	}
	
	#header form a  {
		position: relative;
		top: 4px;
		_top: 1px; /* MSIE */
		/*border: 1px dotted red;*/
	}
	
	#ilustrace-image {
		margin-left: 20px;
	}
	#ilustrace-image h1 {
		margin:0;
	}
	
	#breadcrumbs {
		color: black;
		font-size: 10px;
		padding-top: 17px;
		width:390px;
		/*border: 1px dotted red;*/
	}
	
	#breadcrumbs strong {
		color: #3399E0;
	}
	
	#breadcrumbs a {
		color: #3399E0;
	}
	
	#breadcrumbs a:hover {
		color: #f0f;
	}
	
	/* MENU */
	
	#menu ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#menu ul li  { color: black; font-size: 10px; background-color: white; text-indent: 0; margin: 0 20px 0 0; padding: 10px; float: left }
	
	#menu a {
		color: black;
		text-decoration: none;
	}
	
	#menu ul li:hover, #menu ul li:hover a, #menu ul li.hover, #menu ul li.hover a, #menu a:hover {
		color: #f0f;
		/* background-color: #3399E0; */
		text-decoration: underline;
	}
	
	#flash-panel {
		padding: 0px;
		margin: 0px;
		width: 720px;
		_width: 720px;
		margin-left: -20px;
		overflow: hidden;
		position: relative;
		left: 20px;
		top: 0px;
		/*border: 1px dotted red;*/
	}
	
	/*  MAINCONTENT */
	
	#maincontent  { font-size: 70% }
	#maincontent-titlepage  { font-size: 70% }
	
	#maincontent p  { color: black; line-height: 150% }
	#maincontent-titlepage p  { color: black; line-height: 150% }
	
	
	/*  NOVINKY  */
	
	#novinky {
		padding-top: 20px;
		/*border: 1px dotted yellow;*/
	}
	
	#flash2 {margin:0 auto; width:150px;}	
	#novinky .novinka-item {
		color: black;
		padding-left:20px;
		padding-right:5px;
		width: 210px;
		float: left;
		/*border: 1px dotted silver;*/
	}
	
	.novinka-item h1 {margin-top:0px;}
	.novinka-item h2 {
		color: #3399e0; 
		font-size: 13px;
		margin-top:0px;
	}
	
	div.index4 {clear:both; float:none; padding:20px 20px 0 20px;}
	
	/* FOOTER */
	
	#footer p {
		font-size: 10px;
		padding: 10px;
		margin: 0px;
	}
	
	#footer p.sitemap {
		float: right;
	}
	
	#footer .sitemap a {
		font-weight: bold;
		color: #3399E0;
	}
	#footer .sitemap a:hover { color: #f0f }
	H1 { margin: 1.5em 0em 0.5em 0em; color: #3399e0; font-size: 16px; font-family: "Charcoal CE", Tahoma, "Helvetica CE", "Arial CE", Arial, san-serif; font-weight: bold }
	H2 { margin: 1.5em 0em 0.5em 0em; color: #3399e0; font-size: 13px; font-weight: bold }
	H3 { margin: 1.5em 0em 0em 0em; font-size: 100%; font-weight: bold }
	ul li  { margin-left:30px; list-style-type: square }
	ol li  { margin-left:30px; }
	A { color: #1f85cc; font-weight: bold; text-decoration: underline }
	A:visited { color: #5bc1ff; text-decoration: underline }
	A:active { color: #c0c; text-decoration: none }
	A:hover { color: #f0f; text-decoration: none }

	span.vyhledano {color: #3399e0; font-weight:bold;	}
	
  /* anvio 3 - styly pro zobrazení článku */
  .article div.containerleft {
  	float:left;
  	margin-right:1em;
  	border-style:none;
  }
  .article div.containerright {
  	float:right;
  	margin-left:1em;
  	border-style:none;
  }
  .article div.containernone {
  	float:none;
  	border-style:none;
  	text-align:center;
  }
  .article div.popisek {
  	font-style:italic;
  }
  .article table {
		width: 100%;
  	font-size: 8pt; 
  	line-height: 150%;
  	font-family: 'Geneva CE', 'Verdana CE', 'Helvetica CE', Verdana, Arial, sans-serif;
  	margin-top: 1em;
  	border-collapse:collapse;
  	border-style:none;
  }
  .article table th {
		text-align:left;
  	border-style:none;
  	background-color:#3399e0;
  	color:white;
  	font-weight:bold;
		padding:2px;
  }
  .article table td {
		vertical-align:top;
		text-align:left;
  	border-style:none;
		padding:2px;
  }
	/* vyjimky pro clanek nas-tym */
	.article table.nastym {margin:0px;}
	.article table.nastym h1 {margin:0em 0em 1em 0em;}
	.article table.nastym h2 {margin:0px;}
	.article table.nastym h3 {margin:0px;}

	
	div.fotog {margin:1em 0; width:680px;}
  div.fotog h3 {margin:0 0 0.5em 0;}
  div.fotog div.tn {width:208px; height:220px; float:left; margin:0 20px 20px 0; padding:2px 2px; border-style:none; background-color:#EEEEEE;}
  div.fotog div.tn a {display:block; border:1px solid #CED2D9; margin:0 auto;}
  div.fotog div.tn img {border:2px solid white;}
  div.fotog div.tn h5 {font-size:85%; margin:0 auto; width:180px; height:15px; overflow:hidden;
    padding-left:0; font-weight:normal; background-image:none;}
  
  div.imagelarge {width:500px; font-size:10pt; font-family: 'Geneva CE', 'Verdana CE', 'Helvetica CE', Verdana, Arial, sans-serif;}
	div.imagelarge div.ramecek {border:1px solid #DBDBE3; margin:20px auto;}
  div.imagelarge img {border:2px solid white;}
  div.imagelarge h1 {font-size:85%; margin:0 20px 0.5em 20px; font-weight:bold; color:black;}
  div.imagelarge p {font-size:85%; line-height:normal; margin:0 20px;}
  div.imagelarge hr {font-size:85%; line-height:normal; margin:0 20px;}

}