/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }
body                                   {
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	padding: 10px;
	text-align: center;
}
a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; color: #000; text-decoration: none; }
br.clear                               { clear: both; }
/*--------------------------------------
   HIDE
-------------------------------------- */
#logo, #osjetiprirodu, #search, 
#language, #header, #mainMenu, 
#nav, #subMenu, #rightCol, 
#topLink, #secMenu, #development,
.more                                  { display: none; }

/*--------------------------------------
   LAYOUT & Typ.
-------------------------------------- */
#wrapper                               { text-align: left; }
#print-logo                            { margin-bottom: 20px; }
#footer                                { clear: both; font-size: 7pt; color: #ccc; padding-top: 20px; }
h1                                     { font-size: 18pt; font-weight: normal; margin-bottom: 25px; }
h2                                     { font-size: 14pt; font-weight: normal; margin: 25px 0 20px 0; }
h3                                     { font-size: 12pt; font-weight: bold; margin: 20px 0 15px 0; }
h4,
h5,
h6                                     { font-size: 10pt; font-weight: bold; margin: 15px 0 10px 0; }
p, ul, ol                              { margin: 10px 0; }
ul, ol                                 { padding-left: 10px; }
ul li                                  { list-style: outside circle; margin-left: 30px;  }
ol li                                  { list-style: outside circle; margin-left: 30px;  }
img                                    { display: inline; margin: 5px; }
#mainContent h2, #mainContent h3,
#mainContent h4, #mainContent h5,
#mainContent h6 { clear: both; }
.boxWide                               { clear: both; width: 100%; }
.boxWide .content                      {
	display: inline;
	float: left;
	width: 400px;
	overflow: hidden;
	height: 100%;
	margin-bottom: 20px;
}
#mainContent .boxWide img              {
	display: inline; 
	float: left; 
	margin: 30px 20px 10px 20px;
	padding: 2px;
	border: 1px solid #ccc;
}	
.box                                   {
	display: inline;
	float: left;
	width: 250px;
	padding: 0 20px;
}
#mainContent img.left                  {
	display: inline;
	float: left;
	margin: 5px 5px 5px 0;
	padding: 2px;
	border: 1px solid #ccc;
}
#mainContent img.right                 {
	display: inline;
	float: right;
	margin: 5px 0 5px 5px;
	padding: 2px;
	border: 1px solid #ccc;
}

#mainContent td { border: 1px solid #ccc; padding: 2px; text-align: center; }
#mainContent th { border: 1px solid #000; background: #ccc; padding: 2px; text-align: center; }

#mainContent td.left,
#mainContent th.left { text-align: left; }
#mainContent th.left,
#mainContent th.left { text-align: left; }

.leftCol { display: inline; float: left; }	
.rightCol { display: inline; float: right; }

#plovni-red { width: 100%; clear: both; page-break-before: always; page-break-after: always; }

#plovni-red .leftCol,
#plovni-red .rightCol { width: 280px; }
	
#kontakt { width: 100%; clear: both; }
#kontakt .leftCol { width: 250px; }
#kontakt .rightCol { float: left; width: 200px; }