@import url("./layout.css");
	/*@import url("./design.css");*/

	/* -------------- general elements --------------- */

	body {
		font: 80%/1.5 sans-serif;
		background-color: White;
		color: Black;
		margin: 0;
		padding: 0;
		text-align: center;	}
		

		
/*INTRO*/
		
#intro {
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0;
	width: 500px;
		text-align: left;
	background: url(images/intro-1_03.jpg) repeat-y;}	
#intro-in {
	width: 500px;
	background: url(images/intro-1_02.jpg) no-repeat;}		
#iheader {
	position: absolute;	
	top: -400px;}
	
	
#icontent {
	padding-top: 95px;
	margin-left: 35px;
	width: 290px;
	}
	
#icontent h2 {
  font-size: 130%;
  border: 0;}
#icontent ul {
width: 210px;
margin-bottom: 50px;
text-align: left;}	

#icontent li {
margin-bottom: 0.5em;}	
#icontent li div {
display: inline;}	


#imenu {
	position: absolute;	
	top: 55px;
	left: 380px;
	width: 200px;
	z-index: +3;	}
	
#imenu ul {
		padding:0; margin:0;}
#imenu li { 
		display: inline;
		padding:0; margin:0;}
#imenu a, #menu span {
		display: block;
		text-align: left;
		padding: 0.2em 0em 10px 0px;
		margin: 0em 0.2em;
		line-height: 1;
		color: green;}		

#imenu a#co_je_to_prirodna_kozmetika {
	position: relative;	
	left: 0px;	}
#imenu a#z_historie {
	position: relative;	
	left: 20px;	}
#imenu a#prirodna_kozmetika_dnes {
	position: relative;	
	left: 35px;	}
#imenu a#kontrolovana_prirodna_kozmetika {
	position: relative;	
	left: 55px;	}
#imenu a#slovnik_vybranych_pojmov_a_zloziek {
	position: relative;	
	left: 65px;	}
#imenu a#vyrobcovia_distributori_dovozcovia_v_sr {
	position: relative;	
	left: 55px;	}

#imenu a:hover, #menu span {
	color: #0A5F06;
	text-decoration: none;}
 
#ifooter {
	height: 30px;
	background: url(images/intro-1_04.jpg) no-repeat;
}	
 
 
/*PAGES*/
	#main {
	position: relative;
	border: 0px solid;
	margin: 10px auto 0px auto;
	padding: 0;
	text-align: left;
	width: 760px;
	background: url(images/layout-2_08.jpg) repeat-y;
}
	#main-in {	
	_float: left;
	margin: 0;
	padding: 0;
	background: url(images/layout-2_01.jpg) no-repeat;}

	#header {
		margin: 0; padding: 0;
    height: 170px;}

	#header a {
	display: block;
	position: absolute;
	left: 135px;
	top: 95px;
	width: 340px;
	height: 40px;
	}
	#header a span {
	display: block;
	position: absolute;	
	top: -400px;}
	#header h2 {
		/*position: absolute;
		top: 0.5em;*/
		display: inline;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 200%;
		margin: 0; padding: 0;
		border: 0;}




	#menu {
		width: 170px;
    position: absolute;
    right: 8px;
    _right: 8px;
    top: 220px;}

	#menu ul {
		padding:0; margin:0;}
	#menu li { 
		display: inline;
		padding:0; margin:0;
    font-weight: bold;}
	#menu a, #menu span {
		display: block;
		text-align: left;
		padding: 0.2em 0em 16px 30px;
		margin: 0em 0.2em;
		line-height: 1;
		color: green;}

	#menu a:hover {
	color: #0D6F0F;
		text-decoration: none;
		background: url(images/layout-3_05.jpg) left bottom no-repeat;}
	#menu span {
	color: #0D6F0F;
		background: url(images/layout-2_05.jpg) left bottom no-repeat;}
		
		
	div#menu p.system {
		float: left;
		padding-right: 10px;
	}
	div#menu p.system br {
		display: none;
	}
	div#menu p.system a {
		display: inline;
		padding: 0;
	}
	div#menu form {
		display: inline;
	}

	div#menu input.edit {
		font-size: 90%;
		border: 1px solid #8cacbb;
		height: 15px !important;
		max-height: 15px !important;
		min-height: 15px !important;
		color: Black;
		background-color: white;
		vertical-align: middle;
		margin: 0 0px 0 5px;
		display: inline;
		width: 95px;
	}

	div#menu input.button {
		border: 0px solid;
		color: navy;
		background-color: white;
		vertical-align: middle;
		text-decoration:none;
		font-size: 100%;
		font-weight: bold;
		cursor: pointer;
		margin: 0 10px 0 5px;
		padding: 0;
		display: inline;
	}






	/* the document */
	div#content {
		margin: 30px 180px 5px 75px;
		text-align: justify;
		min-height: 400px;
		_height: 400px;}
		
	div#content-in {
    float: left;}


h1, h2, h3, h4 {
font-weight: normal; font-family: Georgia, serif;}



	#footer {
	background: url(images/layout-2_11.jpg) left bottom no-repeat;
	height: 30px;}

	#footer p {
		margin: 0;
		padding: 0; }

	div.footerinc {
		margin: 0px 120px 30px 0px;
		text-align: center;}
		

p#sponzor {
	/*position: absolute;
	bottom: 10px;*/
	text-align:center;
	margin: 0;
	padding: 2px;
	font-size: 8pt;}

p#sponzor a:hover {
	text-decoration: none;}

p#sponzor img {
	border-width: 0px;
	padding: 0px;}

p#sponzor b {
	color: #000000;} 


p#sponzor span {
	color: #CC0000;}


#ifooterinc {
	position: relative;
	margin: -10px auto 0 auto;
	padding: 0;
	width: 500px;
		text-align: left;}



div.toc {
  font-size: 85%;}

div.tocheader {
  border: 1px solid #47D152;
  background-color: #E8FDED;}

#tocinside {
  border: 1px solid #47D152;}
ul.toc li ul {
  margin-left: -0.5em;}
  
input {
		font-size: 80% !important;}
		
	table.inline td, table.inline.th {border: 0; padding: 0 1em;}