@media screen {
	body { 
		background-color: #ddd;
		background-color: #fff;
		font-family: Verdana, "Trebuchet MS", sans-serif;
		font-size: 90%;
		text-align: center;
		margin:0; padding: 0 0 10px 0;
	}

	#page { width: 760px;
		margin: 5px auto;
		text-align: left;
	}

	#header, #footer {
		display: block;
		background-color: #fff;
	}

	#main { background-color: #fff; display: block; _height: 1em; }

	.col { margin: 0; padding: 0; }
	.col-in { margin: 1em 1em; }

	#midc .col-in {
		margin-top: 2em;
	}

	#leftc  {
		width: 230px;
		float: left;
		display: inline;
		position: relative;
		left: -520px;
		background-color: #fff;
	}

	#midc   {	
		width: 520px;
		position: relative;
		left: 230px;
		float: left;
		padding-top: 10px;
	}

	#rightc {
		width: 10px;
		float: left;
	}

	#admin-menu {
		font-size: 90%;
		background-color: #ffd;
		border: 2px solid #ff0;
		padding: 4px 10px; 
		margin: 0 10px 0 20px;
		text-align: right;
	}

	#menu ul { display: none; }
	#menu ul.act { 
		display: block; 
		list-style-type: none; 
		margin: 0 0 0 5px;
		padding: 0; 
	}
	#menu {
		width: 100%;
		list-style-type: none;
		margin: 0; padding: 0;
		background-color: #bdd9f2;
	}
	#menu li {
		margin: 0; padding: 0;
		display: inline;
	}
	#menu li a , #menu li strong {
		display: block;
		color: #000;
		margin: 0; 
		padding: 5px 10px;
		font-size: 90%;
	}
	#menu li li a , #menu li li strong {
		padding: 5px 10px 5px 20px;
	}
	#menu li li li a , #menu li li li strong {
		padding: 5px 10px 5px 30px;
	}
	#menu li li li {
		font-size: 95%;
	}

	#menu a:hover {
		color: #fff;
		background-color: #022863;
		text-decoration: none;
	}
	
	#header { 
		background: url('/img/head-bg.jpg') repeat-x;
		height: 125px;
		padding-left: 20px;
	}
	#header .desc {
		display: block;
		padding: 20px 0 5px 0;
	}



	.hide { display: none; }
	
	.clr { clear: both; height: 0; content: ' '; overflow: hidden; }
   	.clr hr { display: none; }
	

	/* styles */
	h1, h2, h3, h4 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		margin: 0;
	}
	h1 {
		font-size: 180%;
		margin-bottom: 10px;
		color: #ff9d03;
	}
	h2 {
		font-size: 145%;
		margin-top: 0.7em;
		color: #f00;
	}
	h3 {
		font-size: 125%;
		margin-top: 0.7em;
	}
	h4 {
		font-size: 110%;
		margin-top: 0.7em;
		color: #ff9d03;
		font-style: italic;
	}
	p { 
		margin: 0.3em 0 1em 0; 
	}
	#midc p {
		line-height: 1.4em;
	}

	dt { font-weight: bold; }
	dd { margin-bottom: 1em; }

	#header img { border: none; position: relative; top: 5px; }

	#header p {
		color: #022863;
		margin: 0;
	}

	#header .desc {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 330%;
		font-weight: normal;
	}

	#header .desc a {
		color: #022863;
		text-decoration: none;
	}
	#header .subtit {
		color: #022863;
		font-size: 100%;
		margin-left: 55px;
	}
	#header {
		position: relative;
	}
	.illustration {
		background: url('/img/ovoce.png');
		width: 209px;
		height: 139px;
		position: absolute;
		top: 10px;
		right: 40px;
	}

	#footer { 
		border-top: 3px solid #fcf5ad;
		color: #ff6803;
	}
	.footer-in {
		border-top: 7px solid #ff9d03;
		padding: 0.3em 1em; 
		font-size: 80%; 
	}
	#footer p { 
		margin: 0.5em 0; 
		text-align: right; 
	}
	
	#footer a {
		color: #ff6803;
	}

	#footer a:hover {
		text-decoration: none;
	}
	
	img.right {
		float: right;
		border: 2px solid #6595cf;
		margin: 0 0 0 10px;
	}
	img.left {
		float: left;
		border: 2px solid #6595cf;
		margin: 0 10px 0 0;
	}
	img.border {
		border: 2px solid #6595cf;
	}

	table td, table th { 
		vertical-align: top; 
	}

	table {
		border-collapse: collapse;
		empty-cells: show;
		border: none;
	}

	table.border td, table.border th {
		border: 1px solid #80bb43;
		padding: 5px 10px;
	}

	table.border th {
		background-color: #e2f2d1;
	}

	.smaller {
		font-size: 80%;
	}

	#midc img.foto { border: 1px solid #000; }
	.no-border { border: none !important; }

	.galerie .im { position: relative; width: 240px; height: 220px; float: left; background-color: #fffbe8;
		   margin: 4px; text-align: center;
		   border: 1px solid #ffea9a;
		   }
	.galerie .im img { border: none; display: block; margin: 0 auto; }
	.galerie .im img.v { position: absolute; top: 50%; left: 50%;
			 width: 150px; height: 200px;
			 margin-left: -75px; margin-top: -100px; }
	.galerie .im img.h { position: absolute; top: 50%; left: 50%;
			 width: 200px; height: 150px;
			 margin-left: -100px; margin-top: -75px; }	

	#bmiform {
		width: 350px;
		margin: 0 auto;
		padding: 1em;
		line-height: 2em;

		border: 2px solid #80bb43;
		background-color: #e2f2d1;
	}

	#bmiform label {
		display: block;
		float: left;
		width: 150px;
	}

	#bmiform .submit {
		margin: 0.5em 0 0 8em;
		width: 10em;
	}

	#adfox-l2 h2 { text-align: right; font-size: 14px; margin: 0; }
	#adfox-l2 p { margin: 0; }
	#adfox-l2 { margin: 0 0 1em 0; }
	#adfox-l2 .adfox-box { margin: 0 0 1em 0; }
}