* { margin: 0; padding: 0; }

body 
{
 font-family: Arial, Tahoma, sans-serif;
 font-size: 75%;
 background: #292929 url("images/body_bg.png") repeat-x;
 text-align: center;
 color: #ccc;
}

/*******************************************************************
 * ROZLOZENI STRANKY
 *******************************************************************/ 
#main 
{ /* hlavni kontejner */
 position: relative;
 width: 995px;
 margin: 0 auto;
 text-align: left; 
 background: url("images/logo.png") no-repeat;
 padding-top: 210px;
}

#top
{ /* logo */
  position: absolute;
  top: 70px;
  left: 30px;
  width: 403px;
  height: 113px;
  background-color:#fff;
}
#main h1 { position:absolute; top:70px; left:30px; width:403px; height:113px; overflow:hidden; }

#menu-top
{ /* horni menu */
  position: absolute;
  top: 50px;
  right: 17px;
  width: 450px;
  height: 20px;
  line-height: 20px;
  padding: 15px 0;
  background: url("images/hr_green.gif") bottom left repeat-x;
  color: #5e9a00;
}

#iso
{ /* iso ikona */
  position: absolute;
  top: 120px;
  right: 17px;
  width: 170px;
  height: 79px;
  background-color:#BB2143;
}

#main_body
{ /* ramec pro telo sranky (hlavni sloupce) */
  background: #6fb500;
  padding-top: 20px;
}

#left-col
{ /* levy sloupec */
  float: left;
  width: 232px;
  margin: 0 17px;
}

#content
{ /* obsahovy sloupec */
  float: right;
  width: 708px;  
  margin-right: 17px;
  margin-bottom: 20px;
}

#content img { margin-bottom:17px; }

#bottom
{ /* paticka */
  clear: both;
  position: relative;
  background: #4fa000 url("images/bottom-bg.gif") bottom left no-repeat;
  color: #3b7700;  
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  text-align: right;
  margin-bottom: 17px;
}

#breadcrumbs
{ /* navigace */
  position: relative;
  height: 34px;
  background: #9ed800;
  line-height: 34px;
  padding-left: 15px;
  color: #fff;
  font-weight: bold;
}
#breadcrumbs a, #content h3 a, ul#kontakty a { color:#3b3b3b; }

#main_content
{ /* pomocny ramec */
  position: relative;
  color: #3b3b3b;
  padding: 20px;
  background: #e8e8e8 url("images/main_content_bottom_bg.gif") bottom left no-repeat;
}
#main_content img { margin-bottom:4px; }

#lang
{/* menu jazyku */
  position: absolute;
  top: 24px;
  right: 5px;  
  width: 300px;
  text-align: right;
}

#links
{ /* odkazovy radek */
  text-align: left;
  padding-bottom: 17px;
  width:995px;
  margin:0 auto;
}

#links ul, #links ul li { display: inline; margin-right:4px; float:none; }
#links a, #links a:visited { color: #6d6d6d; }


/*******************************************************************
 * STYLY PRO HORIZONTALNI MENU
 *******************************************************************/ 
#menu-top ul li
{ /* seznam s odkazy */
  display: inline;
}

#menu-top a, #menu-top a.visited
{
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  padding: 0 3px 0 23px;
}

/* ikony odkazu */
#menu-top a.print { background: url("images/icon_print.gif") center left no-repeat; }
#menu-top a.sitemap { background: url("images/icon_sitemap.gif") center left no-repeat; }
#menu-top a.rss { background: url("images/icon_rss.gif") center left no-repeat; }

#menu-top form, #menu-top div, #menu-top label, #menu-top input, #menu-top button
{
  display: inline;
}

#menu-top label
{
  color: #fff;
}

#menu-top input.text
{
  border: 1px solid #489b00;
  padding: 1px;
  background:#fff url("images/input_bg.png") top left no-repeat;
}

/* vyhledavaci tlacitko */
#menu-top button
{  
  position: absolute;
  top: 14px; right: 0;
  width: 28px;
  height: 21px;
  background:#A9DB08 url("images/search_button.png") center left no-repeat;
  border: 0;
  cursor: pointer;
}

#menu-top button span
{
  display: none;
}


/*******************************************************************
 * STYLY PRO NAVIGACNI RADEK
 *******************************************************************/ 
#breadcrumbs span
{
  color: #3b3b3b;
  font-weight: normal;
}

#breadcrumbs .t
{
  position: absolute;
  top: 0; left: 0;
  width: 708px;
  height: 7px; 
  background: url("images/breadcrumbs.gif") no-repeat;
}

/*******************************************************************
 * STYLY PRO LEVY SLOUPEC
 *******************************************************************/ 

/* leve menu */  
#menu ul 
{ /* hlavni menu 1.uroven */
  margin-bottom: 20px;
}

#menu ul ul 
{ /* hlavni menu 2.uroven */
  margin-bottom:0; 
}

#menu ul li
{
  display: block;
}
#menu ul li.inv { display:none; }

#menu ul a, #menu ul a:visited
{ /* zakladni nastaveni odkazu v menu */
  display: block;
  height: 34px;
  line-height: 34px;
  padding-left: 37px;
  margin: 1px 0;
  color: #3b3b3b;
  background: url("images/menu_bg.png") no-repeat;
  font-weight: bold;
  overflow: hidden;
}

#menu ul ul a, #menu ul ul a:visited
{ /* odkazy menu 2.urovne */
  background: url("images/hr_green.gif") top left repeat-x;
  margin: 0 8px;
  padding:9px 0 7px 21px;
  height:auto;
  line-height:1.5;
  color: #fff;
}
#menu ul ul li.first a, #menu ul ul li.first a:visited { background:none; }

#menu ul ul li
{ /* odrazka menu 2.urovne */  
  background: url("images/submenu_bg.png") 17px 50% no-repeat;
}
#menu ul li a.active { color:#000; text-decoration:none; }


/* tmavy panel */
.common_dark
{
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  color: #fff;
  background: #468e00 url("images/common_dark_bottom.png") bottom left no-repeat;
}

.common_dark .t
{
  position: absolute;
  top: 0; left: 0; width: 232px; height: 8px;
  background: url("images/common_dark_top.png") no-repeat;
}

.common_dark a, .common_dark a:visited { color:#fff; }

/* svetly panel */
.common_light
{
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  color: #3b3b3b;
  background: #e8e8e8 url("images/common_light_bottom.png") bottom left no-repeat;
}

.common_light .t
{
  position: absolute;
  top: 0; left: 0; width: 232px; height: 9px;
  background: url("images/common_light_top.png") no-repeat;
}


/* seznam s kontakty */
ul#kontakty
{
  font-size: 125%;
  margin-left: 20px;
  font-weight:bold;
}

ul#kontakty li
{
  margin-bottom: 10px;
}

/* ikony kontaktu */
ul#kontakty .tel { list-style-image: url("images/icon_tel.gif"); }
ul#kontakty .mail { list-style-image: url("images/icon_mail.gif"); }
ul#kontakty .link { list-style-image: url("images/icon_contact.gif"); }


/* novinky */
#novinky h2
{
  font-size: 116.67%;
  color: #fff;
  padding-left: 40px;
  padding-bottom: 18px;
  background: url("images/icon_news.gif") 17px top no-repeat;
}

#novinky h3
{
  font-size: 100%;
  color: #dbf005;
  font-weight: bold;
}

#novinky p
{
  font-size: 108.34%;
}

#novinky p+h3
{
  margin-top: 15px;
}

/*******************************************************************
 * STYLY PRO PROSTREDNI SLOUPEC
 *******************************************************************/ 

/* vlastni obsah */ 
#main_content .t
{
  position: absolute;
  top: 0; left: 0;
  width: 708px;
  height: 7px;
  background: url("images/main_content_top_bg.gif") top left no-repeat;
}

#content h2
{ 
  font-size: 150%;
  font-weight: bold;
  color: #609c00;
  margin:10px 0;
}
#content h2.first
{
  margin-top:0;
}

#content h3
{
  font-size: 133.34%; 
  font-weight: bold;
  color: #3b3b3b;
  margin:8px 0;
  clear:both;
}

#content h4
{
  font-size:100%;
  font-weight:bold;
  color:#3B3B3B;
  margin:6px 0 0 0;
  clear:both;
}

#content ul
{
  margin:10px 0;
}

#content ul ul
{
  margin:0;
}

#content p
{
  margin: 15px 0;
  line-height: 18px;
}

/* nahled clanku */
#content .clanek
{
  position: relative;
  margin-top: 20px; 
}

#content .clanek .link
{
  text-align: right;
  margin-top: -10px;
}

#content .clanek .link a, #content .clanek .link a:visited
{
  font-weight: bold;
}

#content .kontakt { clear:both; margin-bottom:8px; float:left; width:100%; }
#content .kontakt h3 { margin-top:0; }
#map1, #map2 { margin-top:-28px; border:1px solid #D1D1D1; }

#content .vizitka { width:196px; margin:0 4px 4px 0; background:#f3f3f3; border:1px solid #D1D1D1; float:left; padding:10px; }
#content .vizitka h3 { margin-top:0; font-size:100%; }

.hr_gray
{ /* sedy styl vodorovne cary, kvuli nekonzistenci mezi prohlizeci HR zobrazena pomoci DIVU */
  height: 2px;
  border: none;
  margin: 20px 5px 0 5px;
  background: url("images/hr_gray.gif") repeat-x;
}

hr { display: none; }

#content ul
{
  padding-left: 30px;
}

table { border-collapse:collapse; }
table td, table th { padding:1px 3px; vertical-align:top; }

/*******************************************************************
 * STYLY PRO PATICKU
 *******************************************************************/ 

#bottom ul
{ /* seznam s odkazy */
  display: block;
  float: left;
}

#bottom ul li
{ /* seznam s odkazy */
  display: block; float:left; padding:0 6px 0 9px; background:url('images/bottom-delim.png') center left no-repeat;
}

#bottom ul li.first
{
  background:none; padding-left:0;
}

#bottom a, #bottom a.visited
{ /* pripadne formatnovani odkazu */
  color: #fff;
  font-weight: bold;
}

#bottom span.info
{
  display: block;
  float: right;
  color: #fff;
}

#bottom span.info a
{
  font-weight: normal;
}

/*******************************************************************
 * PANEL S JAZYKY
 *******************************************************************/ 

#lang a, #lang a:visited
{
  position: absolute;
  top: 0;
  display: block;
  width: 41px;
  height: 34px;
  background: url("images/lang_bg.png") no-repeat;
  line-height: 25px;
  color: #b0cdbd;
  text-align: center;
}

#lang a.cz { right: 82px; }
#lang a.en { right: 41px; }
#lang a.de { right:  0px; }

#lang a.active, #lang a.active:visited
{
  z-index: 2;
  background: url("images/lang_active_bg.png") no-repeat;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

/*******************************************************************
 * OSTATNI FORMATOVANI
 *******************************************************************/ 
#content fieldset { border: 0; margin:4px 0; padding:5px 10px; }
#content legend { font-weight: bold; line-height: 1.5; color:#000; }
#content label { display: block; width: 120px; margin-right: 10px; float: left; clear: right; line-height: 1.5; }
#content label.checkbox { width: auto; float: none; margin-left:135px; }
#content label.checkbox input { margin:0; }
#content input, #content textarea { margin: 2px 5px; }
#content textarea { height:80px; width:300px; }
#content input.text { width:140px; }
#content img.code { margin-left: 135px; margin-bottom:0; }
#content input.submit { cursor:pointer; margin:0 5px 3px 0; }
#content label.checkbox { cursor:pointer; }
#content form br { clear:both; }

.cleaner {  clear: both; visibility: hidden; }

h2 { color: #4d6aae; }
a, a:visited { color: #BB2143; }
a:hover { text-decoration: none; }
ol { margin-left: 30px; }
img { border: 0; }
.inv { display:none; }
.error { color:red; font-weight:bold; }
.message { color:#4d6aae; font-weight:bold; }