body {
	padding: 0;
	margin: 0;
	background-color: black;
	color: black;
	font-family : 'Arial', 'Helvetica', Arial, helvetica, sans-serif;
	font-size : 11px;
}

a, a:visited  {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

a:active, a:hover  {
	color: white;
	background-color: black;
}

a.nobg  {
background: transparent;
}

h2  {
	font-size : 1.18em;
	font-weight: bold;
	margin: 0 0 0.8em;
}

p  {
	margin: 0 0 1em;
}

/* skryte nadpisy a navigace  */
#head, #nav {
display:none;
}

/* 3-sloupcove rozvrzeni pomoci http://www.fu2k.org/alex/css/onetruelayout/example/interactive  */
#sloupA
	{
	float: left;
	width: 300px;
	}
#sloupB
	{
	float: left;
	width: 195px;
	}
#sloupC
	{
	float: left;
	width: 195px;
	}
#vse
	{
	width: 690px;
	}
	/* we need this for IE 5.01 - otherwise the vse does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#vse
	{
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the vse - instead we float it */
	float: left;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of vse too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
	/* easy clearing */
#vse:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#vse
	{
	display: inline-block;
	}
/*\*/
#vse
	{
	display: block;
	}

	
/* boxy */
#vse {
margin: 0 auto;
}

#insloupB	{
padding-left:20px;
}

#insloupC	{
padding-left:20px;
}

	
#header {
width: 300px;
height: 300px;
overflow: hidden;
}

#news {
width: 300px;
height: 310px;
background: white;
}

#pics {
width: 175px;
height: 350px;
background: white;
}

#photo {
width: 175px;
height: 120px;
margin-top: 10px;
background: white;
}

#anim {
width: 175px;
height: 120px;
margin-top: 10px;
background: white;
}

#comx {
width: 175px;
height: 300px; /*puvodne 300px*/
background: white;
}

#other {
width: 175px;
height: 255px; /*puvodne 255px*/
margin-top: 10px;
background: white;
}

#about {
width: 175px;
height: 35px;
margin-top: 10px;
background: white;
}

#footer {
clear: both; /* dulezite pro 3 sloupce!!! */ /* end easy clearing */
width: 690px; /* dulezite pro 3 sloupce!!! */ /* end easy clearing */
margin: 0 auto;
text-align: right;
}

/* vnitrnosti boxu (sdruzit, co pujde, na konci!) */
#inheader {
padding:0;
margin:0;
}

#inheader img {
padding:0;
margin:0;
}

#innews {
padding: 15px;
overflow: auto;
height: 280px;
}

span.datum {
padding: 0;
margin: 0;
}

#innews p {
display: inline;
}

#innews hr {
clear:both;
height:1px;
margin: -1px 0 0 0;  
padding-bottom: 10px;
border:none;
visibility: hidden;
}

#inpics {
padding: 15px 16px 0px 15px;
}

#pics-figury {
background: url("http://maara.eu/images/7.gif") 0px 0px no-repeat;
text-align: right;
height:40px;
}
#pics-cmaranice {
background: url("http://maara.eu/images/6.gif") 0px 0px no-repeat;
text-align: right;
height:40px;
}
#pics-zaznamy {
background: url("http://maara.eu/images/10.gif") 0px 0px no-repeat;
text-align: right;
height:40px;
}
#pics-ilustrace {
background: url("http://maara.eu/images/8.gif") 0px 0px no-repeat;
text-align: right;
height:40px;
}
#pics-ostatni {
background: url("http://maara.eu/images/9.gif") 0px 0px no-repeat;
text-align: right;
height:40px;
}
.wrap-pics-radek {
margin: 0 0 17px 0;
}

.nahled {
border: 1px solid black;
margin: 0 0 0 12px;
}
.archiv {
width:100%;
text-align:right;
font-size: 1.18em;
font-weight: bold;
}


#inphoto {
padding: 15px 0 5px 15px;
}

#photo-nahledy{
height:40px;
}

#wrap-photo-nahledy{
margin-bottom:14px;
}


.nahled2{
border: 1px solid black;
margin: 0 12px 0 0;
}
.archiv2{
padding: 0 15px 0 0;
text-align:right;
font-size: 1.18em;
font-weight: bold;
}



#inanim {
padding: 15px 0 5px 15px;
}


#wrap-anim-jedna {
margin-bottom: 11px;
}
#anim-jedna {
width: 145px;
height: 43px;
}
#anim-nahled {
float: left;
width: 48px;
}
#anim-popis {
float: left;
width: 96px;
}



	/* easy clearing */
#anim-jedna:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#anim-jedna
	{
	display: inline-block;
	}
	/*\*/
#anim-jedna
	{
	display: block;
	}
	/* end easy clearing */
	
.nahled3{
border: 1px solid black;
margin: 0 8px 0 0;
}	
.archiv3{
clear: both;
width: 144px;
padding: 0 15px 0 0;
text-align:right;
font-size: 1.18em;
font-weight: bold;
}

#incomx {
padding: 15px 15px 5px;
}

#wrap-comx-sklad {
margin-bottom: 3px;}

#comx-sklad {
height: 232px; /*puvodne 232px*/
overflow: hidden;
}

.wrap-comx-jeden {
margin: 0 0 7px 0;
}
.comx-jeden {
width: 100%;
}

#inother {
padding: 15px 15px 5px;
}

#inother p {
margin: 0 0 6px;
padding: 0;
}

#inabout {
padding: 11px 10px 5px 15px;
}

#inabout a {
font-size: 1.18em;
font-weight: bold;
}

#infooter {
padding-top:10px;
}

#infooter, #infooter a {
color: #777777;
}

#infooter a:active, #infooter a:hover  {
color: black;
background-color: #777777;
}