@import url("print.css");
@media screen{

*
{
  box-sizing: border-box;
}

body 
{
	background-color:#0099ff;
	margin: 0px;
	font-family:'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
	font-size: 12px;
  overflow-y: scroll;
  padding: 3%;
}

a 
{
	//color: #4682B4;
	//font-weight: bold;
  text-decoration: none;
}

a:hover
{
	color: red;
}

table
{
	font-size: 12px;
}

#head 
{
}

#page 
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;  
	width: 100%;
  box-shadow: 0em 0em 1em 2em rgba(0, 0, 0, 0.5);
  margin: 7em 0 0 0;
}

#top 
{
	background: #0000ff;
	height: 5em;
  border: 0px solid blue;
  position: relative;
}

#top img.logo 
{
  position: relative;
  top: -1em;  
	left: 3em;  
  float: left;
}

#top div.heading 
{
  float: left;
  margin: 1em  3em;  
  color:#ffffff;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 2px 2px #666666;
}

#top img.image 
{
  border: 1px solid #ffffff;
  border: 1px solid #666666;
  position: absolute;
  top: -9em;  
	right: 1em;  
  float: right;
  box-shadow: 0em 0em 1em 0.5em rgba(0, 0, 0, 0.5);
}


#top_end 
{  
  background: linear-gradient(180deg, #0000FF, #FFFFFF);
	height: 1.5em;  
}

#columns 
{
  clear: both;
}

#left-column 
{
	float: left;
	width: 20%;	
  text-align: center;
}

#menu 
{	
  text-align:left;
  margin: 5em 2em;    
	font-weight: bold;
  font-size: 1.33em;    
}

#menu a
{
  display: block;
  margin-bottom: 10px;
	color: #000000;
	text-decoration: none;	
}

#menu a:hover 
{
	color: #0000ff;
}

#menu .active
{
  display: block;
  margin-bottom: 10px;
	color: #800080;
  color: #FF4500;
  color: #A52A2A;  
}

#right-column 
{
	float: right;
  width: 80%;  
}

#blok 
{
	padding:10px;	
  text-align: center;
}

div.clear
{
  clear: both;
}

div.text
{
  margin: 0 auto;
  text-align: justify;
  width: 80%;
}

div.text img
{
  width: 80%;
}

#bottom_start 
{  
  margin: 5em 0 0 0;
  clear: both;
  background: linear-gradient(0deg, #0000FF, #FFFFFF);
	height: 1.5em;
}

#bottom 
{  
	background: #0000ff;
  padding: 0.2em 0 0.5em 0;	 	
	text-align: center;
  font-weight: bold; 
}

p 
{
	text-indent: 0px;
}

h1 
{
	color: #404040;
  color: #FF4500;
  color: #A52A2A;
	text-align: center;
	font-size: 20px;
}

h2 
{
 	font-size: 1.2em;
 	font-weight: bold;
  margin: 2em auto 0 auto;
  text-align: left;
  width: 80%;
}

#copy
{
	margin-top: 3px;
  color: #FFFFFF;
}

.text p 
{
  text-indent: 10px;
}

div.nastenka
{
  margin: 3em auto 1em auto;
  border: 1px solid black;
  width: 50em;
  width: 80%;  
  padding: 1em;
}

div.nastenka div.heading
{
  text-align: left;
  font-weight: bold;
}

div.clanek 
{
  margin: 0 auto;
  text-align: justify;
  width: 80%;
}

.clanek p 
{
  text-indent: 10px;
}

.clanek img
{
//  width: 240px;
//  border: 1px solid #ffffff !important;
//  margin: 0 10px !important;
}

a.link_pdf
{
	display:inline-block;
  text-indent: 0px;
	padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 22px;
	background: url("/images/_pdf_small.gif") no-repeat;
}

a.link_doc
{
	display:inline-block;
  text-indent: 0px;
	padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 22px;
	background: url("/images/_doc_small.gif") no-repeat;
}

img.w200
{
	width: 200px;
}

div.galerie
{
	width:100%;
	text-align:center;
}

.clanek div.galerie img
{
	max-width: 80%;
	margin-left: 10px;
	margin-right: 10px;
}

div.zaloha
{
  font-size: 120%;
  text-align: center;
  color: red;
  font-weight: bold;
  width: 70%;
  margin: 40px auto;
  padding: 20px;
}


/*
#page 
{
	background-color: #333333;
  color: #FFFFFF;
}

#top_end 
{
	background: #79be15 url('grafika/333_end_top.png') repeat-x;
}

#menu a
{
	color: #FFFFFF;	
}

#menu .active
{
  color: #FF8C00;
}

#bottom 
{
	background: #79be15 url('grafika/333_end_bot.png') repeat-x;             
  color: #000000;
}

h1 
{
  color: #FF8C00;
}

h2 
{
  color: #FF8C00;
}

div.galerie img
{
  border: 1px solid #FFFFFF;
}
*/