/* File: layout.css */

/* POZOR NA SAFARI HACK (safari.css) */

@media screen {
	
	/* ------------- LAYOUT ------------------------------------------------------------------------------ */

	* {
		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 {
		margin: 0px;
		padding: 0px;
	}
	
	#page {
	
		margin: 0px;
		padding: 15px;
		/*padding-bottom: 95px;*/
	
		width: 778px;
		_width: 778px;
		
		height: 90%;
		min-height: 90%;
		
		position: relative;
		left: 50%;
		margin-left: -390px;
		
		/* Peek-a-boo bug? */
		_line-height: 1.2;
	
		/*border: 1px dotted blue;*/
	}
	
	body > #page {
		height: auto;
	}
	
	#maincontent {
		padding-bottom: 75px;
	}
	
	#footer {
		width: 770px;
		position: absolute;
		bottom: 10px;
		left: 15px;
	}
	#boxiky {	
    position: absolute;
  	left: 5px;
    width: 125px;
    top: 315px;;}

	
	
	
	
	/* ------------- DESIGN ------------------------------------------------------------------------------ */
	
	a {
		color: #015E9A;
	}
	
	a:hover {
		color: #005185;
	}
	
	a img { border: none; }

	hr { display: none; }
	
	address { font-style: normal; }
	
	.cleaner {
		float: none;
		clear: both;
		height: 0px;
		width: 0px;
		_line-height: 0px; /* I Love MSIE! */
		_font-size: 0px;
	}

	body {
		font-family: 'Georgia CE', Georgia, serif;
		margin-top: 25px;
		background-color: #BBBEBF;
	}
	
	h1 {
		display: none;
	}
	
	#page {
		background-color: #FCFCF9;
	}
	
	#head {
		/*width: 790px;*/
		height: 288px;
		/*border: 1px dotted red;*/
	}
	
	#menu {
		border-top: 2px solid #676869;
	}
	
	#skipnav {
		display: none;
	}
	
	
	/* #motto */
	#motto {
		width: 778px;
		height: 59px;
		margin: 2px 0px 0px 0px;
		background: url('../images/motto.cz.gif') top left no-repeat;
		/*border: 1px dotted maroon;*/
	}
	#motto.en {
		background: url('../images/motto.en.gif') top left no-repeat;
	}
	#motto blockquote {
		display: none;
	}
	
	
	.current-level-title {
		margin-left: 190px;
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		border-bottom: 1px solid #333;
	}
	
	
	/* #maincontent */
	#maincontent {
		margin-left: 190px;
		margin-top: 10px;
	}
	
	
	/* #footer */
	#footer {
		font: normal 11px/12px 'Helvetica CE', sans-serif;
		color: #666;
		text-align: right;
		padding: 8px 2px 5px 5px;
		margin-top: 30px;
		border-top: 2px solid #676869;
	}
	#footer a {
		color: #666;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	
		/* #infoboxik - vzhled */
	#infoboxik {
		font-size: 100%;
		padding: 12px 10px 1px 10px;;
		background-color: #DFE5E8;
		border-left: 10px solid #FCFCF9; /* Fake margin */
		/*width: 65px;*/
	}
	
	#infoboxik h4 {
		color: #305766;
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		padding: 0px;
		margin: 0px 0px 3px 0px;
	}
	
	#infoboxik p {
		padding: 0px;
		margin: 0px 0px 2px 0px;
	}
	
	#infoboxik a {
		color: #305766;
	}
	
	/* podporaboxik - vzhled */
	
		#podporaboxik {
		font-size: 100%;
		padding: 12px 10px 1px 10px;
		background-color: #f7d898;
		/*background-color: #DFE5E8; */
		border-left: 10px solid #FCFCF9; /* Fake margin */
		/*width: 65px;*/
	}
		#podporaboxik h4 {
		color: #305766;
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
	}
	
	#podporaboxik p {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 2px 0px;
	}
	
	#podporaboxik a {
		color: #305766;
	}
	/* facebookboxik - vzhled */
	
		#facebookboxik {
		font-size: 100%;
		padding: 12px 10px 1px 10px;
		background-color: #DFE5E8;
		border-left: 10px solid #FCFCF9; /* Fake margin */
		/*width: 65px;*/
	}
		#facebookboxik h4 {
		color: #305766;
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
	}
	
	#facebookboxik p {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 2px 0px;
	}
	
	#facebookboxik a {
		color: #305766;
	}
	
	
		/* #infoboxik - vzhled */
	#podporiliboxik {
		font-size: 100%;
		padding: 12px 10px 1px 10px;;
		/*background-color: #DFE5E8;  */
		border-left: 10px solid #FCFCF9; /* Fake margin */
		/*width: 65px;*/
	}
	
	#podporiliboxik h4 {
		color: #305766;
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		padding: 0px;
		margin: 0px 0px 3px 0px;
	}
	
	#podporiliboxik p {
		padding: 0px;
		margin: 0px 0px 2px 0px;
	}
	
	#podporiliboxik a {
		color: #305766;
	}
	
	
	/* +++++ TYPO +++++ */
	#maincontent {
	}
	
	/* #textcontent */
	#maincontent #textcontent {
		font-size: 78%;
		_font-size: 80%;
		margin-right: 68px;
	}
	
	#maincontent p {
		margin: 0;
		margin-bottom: 1.2em;
	}
	
	#maincontent p.nomargin {
		margin-bottom: 0em;
	}
	
	#maincontent h2 {
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		font-size: 18px;
		color: #333;
		border-bottom: 1px solid #333;
		margin: 30px 0px 20px 0px;
	}
	
	#maincontent h3 {
		font-family: 'Helvetica CE', Helvetica, Arial, sans-serif;
		font-size: 16px;
		margin: 35px 0px 5px 0px;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted #666;
	}
	
	#maincontent h4 {
		font-size: 12px;
		margin: 10px 0px 3px 0px;
	}
	
	.quot {
		padding: 8px;
		padding-left: 12px;
		margin-top: 5px;
		background-color: #D7D7D7;
		position: relative;
		left: -30px;
	}
	
	/* Reset <ul> a <ol> */
	#maincontent ul, #maincontent ol {
		padding: 0px 10px 0px 10px  !important;
		margin: 5px 5px 5px 10px !important;
	}

	#page_not_found h2 {
		font-family: sans-serif;
		color: #676869;
		margin-bottom: 10px;
	}
	
	/* ++++++++++++++++ */
	
	.karminote { color: #666; border: 1px dotted red; padding: 3px 3px 3px 10px; background-color: #FFF2F2; }
	
	
}