body
{
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Times New Roman;
	font-size: 14px;
	line-height: 1.5em;
	background: white;
	color: #333;
}

a
{
	text-decoration: underline;
	color: #f80;
	font-weight: bold;
	font-size: 14px;
}
a:hover
{
	color: #850;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
}

h2
{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

#content
{
  width: 990px;
  height: auto;
  margin: auto;  
  padding: 0px;
}

#our_sites
{
  float: left;
  width: 990px;
  height: 40px;
  background: #ddd;
}
#our_sites_this
{
  float: left;
  width: 155px;
  height: 20px;
  padding: 10px;
  font-size: 11px;  
  text-align: center;  
  background: #bbb;
  color: #fff;
  text-decoration: none;
  line-height: 1em;
  font-weight: normal;
}
#our_sites_this:hover
{
  text-decoration: underline;
  color: #fff;
}
.our_sites_separator
{
  float: left;
  width: 20px;
  height: 20px;
  background: transparent;
}
.our_sites_item
{
  float: left;
  width: 150px;
  height: 20px;
  padding: 5px;
  margin-left: 2px;
  background: #fa0; 
  border: #f50 1px solid;
  border-top: 0px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1em;
  font-weight: normal;  
}
.our_sites_item:hover
{
  text-decoration: underline;
  color: #fff;
}
#banner
{
  float: left;
  width: 990px;
  height: 175px;
  background: url('images/header.jpg');
  background-repeat: no-repeat;
}
#main_panel
{
  float: left;
  width: 990px;
  height: 40px;
}
#search_panel
{
  float:left;
  width: 175px;
  height: 40px;
  /*background: #bbb;*/
  background: #f80;
}
#search_input
{
  float: left;
  margin: 10px 0 0 10px;
  border: #cccccc 1px solid;
  border-style: inset;
  width: 126px;
  height: 13px;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
}
#search_button
{
  float: right;
  margin: 10px 8px 0 0;
  width: 24px;
  height: 17px;
  border: none;
  background-color: transparent;
  background-image: url('images/search_button.gif');
  cursor: pointer;
}

#main_menu
{
  float: left;
  width: 815px;
  height: 40px;
  /*background: #ddd;*/
  background: #fa0;
}
.main_menu_separator
{
  float: left;
  width: 20px;
  height: 20px;
  background: transparent;
}
.main_menu_item
{
  float: left;
  width: 80px;
  height: 20px;
  padding: 5px;
  margin-left: 2px;
  /*background: #fff;*/
  background: url('images/menu_button.jpg');
  border: #aaa 1px solid;
  border-top: 0px;
  color: #333333;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

/*.main_menu_item:hover
{
  background: #f90;
  color: #fff;
}*/

#main_menu a 
{
  color: black;
}

#main_menu a:hover 
{
  color: black;
}

#left_menu
{
  float: left;
  width: 155px;
  height: auto;
  padding: 10px;
  padding-top: 0px;  
  margin-top: 5px;  
  /*background: #f0f0f0;*/
  /*background: #fffa95;*/
}

#main
{
  float: left;
  width: 795px;
  height: auto;
  padding: 10px;
  padding-top: 0px;
  margin-top: 5px;
  /*background: #f0f0f0;*/
  /*background: #ffffc9;*/
}

#footer
{
  float: left;
  width: 990px;
  height: 20px;
  margin-top: 5px;
  text-align: center;
  /*background: #ddd;*/
  background: #fa0;  
}

#footer_sub
{
  float: left;
  width: 155px;
  height: 0px;
  padding: 10px;
  font-size: 11px;  
  text-align: center;  
  /*background: #bbb;*/
  background: #f80;  
  color: #fff;
  text-decoration: none;
  line-height: 1em;  
}

#partners
{
  font-size: 12px;
  float: left;
  width: 990px;
  height: 20px;
  margin-top: 5px;
  text-align: center;
}

#partners a
{
  font-size: 12px;
} 

.article_image
{
  float: right;
  margin: 5px;
  padding: 5px;
  border: 1px #555 solid;        /*#fa0 */
}

table.comment input, textarea, select
{
	width: 400px;
}
input, textarea, select
{
	border: 1px solid #555555;
	background: #fff;
}
input:hover, textarea:hover, select:hover
{
	border: 1px solid #555555;
	background: #ffffe0;
}

.encyclopedia_character
{
  font-size: 16px;
}
.encyclopedia_item
{
  float: left;
  width: 775px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;  
}
.encyclopedia_item:hover
{
  background: #fafad2;
}
.encyclopedia_item_caption
{
  cursor: pointer;
}
.encyclopedia_item_content
{
  width: 775px;
  height: auto;
  display: none;
}

.comment_author
{
  background: #fb3;
  padding-left: 5px;
  padding-right: 5px;
}
.comment_text
{
  /*background: #ddd;*/
  background: #ffffe0;  
  padding: 5px;
}

.articles_list
{
   border: 1px #555 solid;
}


.articles_list_image
{
   border-right: 1px #555 solid;
}

td.articles_list_caption
{
   padding: 4px;
   background: #fafad2;
}

td.articles_list_text
{
   line-height: 1.2em;
   font-size: 12px;
   padding: 4px;
   background: #ffffe0;
   margin-bottom:20px;
}

/* KALKULATORY */
.a_nohref
{
  cursor: pointer;
}

#bmi
{
  display: none;
}
#bmi_render
{
  position: relative;
  margin-top: 20px;
  height: 20px;
}
#bmi_pointer
{
  position: absolute;
  left: 0px;
  top: -20px;
  width: 60px;
  height: 20px;
  background: url('images/calculator_arrow.png');
}
#bmi_pointer_value
{
  position: absolute;
  left: 15px;
  top: -15px;
  font-size: 16px;
  font-weight: bold;
}
#bmi_bars
{
  float: left;
  width: 600px;
  height: 30px;
  background: url('images/bmi_bar.png');
}
.bmi_bar
{
  float: left;
  width: 90px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

#whr
{
  display: none;
}
#whr_render
{
  position: relative;
  margin-top: 20px;
  height: 20px;
}
#whr_pointer
{
  position: absolute;
  left: 0px;
  top: -20px;
  width: 60px;
  height: 20px;
  background: url('images/calculator_arrow.png');
}
#whr_pointer_value
{
  position: absolute;
  left: 15px;
  top: -15px;
  font-size: 16px;
  font-weight: bold;
}
#whr_bars
{
  float: left;
  width: 400px;
  height: 30px;
  background: url('images/whr_bar.png');
}
.whr_bar
{
  float: left;
  width: 90px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

#bf
{
  display: none;
}
#bf_render
{
  position: relative;
  margin-top: 20px;
  height: 20px;
}
#bf_pointer
{
  position: absolute;
  left: 0px;
  top: -20px;
  width: 60px;
  height: 20px;
  background: url('images/calculator_arrow.png');
}
#bf_pointer_value
{
  position: absolute;
  left: 15px;
  top: -15px;
  font-size: 16px;
  font-weight: bold;
}
#bf_bars
{
  float: left;
  width: 600px;
  height: 30px;
  background: url('images/bf_bar.png');
}
#bf_bar1
{
  float: left;
  width: 70px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
#bf_bar2
{
  float: left;
  width: 130px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
#bf_bar3
{
  float: left;
  width: 90px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
#bf_bar4
{
  float: left;
  width: 170px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
#bf_bar5
{
  float: left;
  width: 90px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

#bmr
{
  display: none;
}
#bmr_render
{
  position: relative;
  margin-top: 20px;
  height: 20px;
}
#bmr_pointer
{                   
  position: absolute;
  left: 0px;
  top: -20px;
  width: 60px;
  height: 20px;
  background: url('images/calculator_arrow.png');
}
#bmr_pointer_value
{
  position: absolute;
  left: 15px;
  top: -15px;
  font-size: 16px;
  font-weight: bold;
}
#bmr_bars
{
  float: left;
  width: 400px;
  height: 30px;
  background: url('images/bmr_bar.png');
}
.bmr_bar
{
  float: left;
  width: 90px;
  height: 20px;
  padding: 5px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}