/* Created by B&M - Benes&Michl - www.benes-michl.cz */

/*
  colors
    tm. modra: #2e4d60;
    tm. modra2: #33679a;
    sv. modra: #00a0d9;


*/

body {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #666;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #FFF;
  background: url(../images/bg_body.png) top left repeat-x;
}

a img {border:0px;}
h1 {font-size:20pt; font-weight:normal; color: #707070;}
h2 {font-size:18pt; font-weight:normal; color: #707070; border-bottom: 1px solid #0072bc;padding:5px 0px;margin:5px 0px;}
h3 {font-size:10pt; font-weight:bold; color: #33679a; padding-left:15px; background: url(../images/bullet_square_sm.png) left no-repeat;}
a {color: #00a0d9;text-decoration:underline;}
a:hover {text-decoration:none;}
h2 a {text-decoration:none;}
h2 a:hover {color:#707070;}

th {color: #33679a; font-weight: bold;}


#col_left .form {
  display:block;
  position:relative;
  background: #f1f5f8;
  border:1px solid #edf1f4;
  padding:20px;
}


h1.blue,h2.blue {
  font-size:19pt;
  color: #FFFFFF;
  border:none;
  display:block;
  padding: 10px 15px;
  margin-bottom:3px;
  margin-top:1px;
  background: url(../images/title_back.png) #0072bc right no-repeat;
}
h2.small {

}


#page {
  position:relative;
  display:block;
  width:960px;
  margin:auto;
  color: #999999;
  text-align:left;
}

/************* top ****************/
#top {
  position:relative;
}
#logo {
  position:absolute;
  left:10px;
  top:10px;
}
#logo a {
  position:absolute;
}
#logo h1 {
  display:block;
  width:200px;
  font-size:10px;
}


#top_zamestnavatele {
  width:650px;
  display:block;
  position:relative;
  float:right;
  text-align:right; 
  height:70px;
  padding:10px 0px 10px 0px;
}
#top_zamestnavatele .top {font-size:12pt;font-weight:bold;}
#top_zamestnavatele .list {float:right;display:block;position:relative;}
#top_zamestnavatele .list a, #top_zamestnavatele .title {float:left;margin-left:10px;display:block;position:relative;}
#top_zamestnavatele .title {padding-top:10px;width:150px;}


/************* main_menu ****************/
#main_menu {
  display:block; 
  background: #f6f6f6;
  height: 67px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-bottom:1px;
}
#main_menu a {
  font-weight:bold;
  border-right:1px solid #cccccc;
  display:block;
  float:left;
  padding:26px 26px;
  color: #0072bc;  
  text-decoration:none;
}
#main_menu a:hover {
  background-color: #FFFFFF;
}

#main_menu a.active,#main_menu a.active:hover {
  background-color: #F5F8FB;
  color: #2e4d60;
}

/************* banner ****************/
#banner {
  position:relative;
  display:block;
  background: url(../images/banner_main.jpg) no-repeat;
  width:960px;
  height:163px;
}

/************* main ****************/
#main {

  display:block;
  background: url(../images/content_bg.png) repeat-x;
  padding-top:30px;  
}

#col_left {display:block; width: 580px; float:left;padding:0px 10px;margin-right:15px;  position:relative;}
#col_right {display:block; width: 330px; float:left;}


#col_right .box {
  padding:3px 10px;
}

/************* footer ****************/

#footer {
  display:block;
  height:120px;
  padding:0px 10px;
  background: url(../images/footer_bg.png) bottom repeat-x #fcfcfc;
}

#footer .form {
  display:block;
  text-align:right;
  background: #f1f5f8;
  padding:10px 15px;
  margin-bottom:5px;
}
#footer form {
  float:right;
} 
#footer .form select {width:150px;}

#footer .copy {
  float:left;  
  padding-left:5px;
}

#footer .menu {
  float:right; 
  font-size:8pt;  
  padding-right:5px; 
}
#footer .menu a {color: #00a0d9;text-decoration:none;}
#footer .menu a:hover {text-decoration:underline;}
#footer .menu .divider {padding:0px 3px;}
#footer .links {padding-left:5px;margin-top:20px;font-size:11px; text-align:center;}

.cleaner {clear:both;}
.right {
  float:right;
}

a.button {
  display:block; 
  background-repeat:no-repeat;
  color: #FFFFFF;
  background-position:top;
  text-decoration:none;
  text-align:left;
  padding-left:10px;  
  font-weight:bold;
}
a.button:hover {
  background-position:bottom;  
}

a.button.more {
    background-image: url(../images/button_continue.png);
    background-position:right;
    background-color: #0072bc;
    width:160px;
    height:33px;
    line-height:33px;
    font-size:12pt;
}
a.button.more:hover {
    background-position:130px;
    background-color: #0081d4;
}

a.button.search {
    background:#cdcdcd;
    width:160px;
    height:25px;
    font-size:9pt;
    line-height:25px;
    color:#000000;
    font-weight:normal;
    text-align:center;
}

#footer a.button.more {
    width:100px;
    height:22px;
    line-height:22px;
    font-size:10pt;
}


.count_form {width:100%;padding:5px;}
.count_form th {font-size:14pt;font-weight:normal;padding-right:20px;padding-bottom:4px; width:100px;}
.count_form.smaller th {font-size:11pt;font-weight:normal;}

.count_form.active {background:white;}



#param_podskup {width:330px;}
#param_skup {width:330px;}

.step {position:absolute;right:15px;top:14px;color: #FFFFFF;font-size:11pt;}
.act_step {font-size:19pt;}
.title {position:relative;}

.search_form th {font-weight:normal;}
.search_form input,.search_form select{
  width:180px;
}
.search_form {
  background:#f6f6f6;
  padding:20px 15px;
}
td, th {vertical-align:top;}
.summary th, .summary td {vertical-align:bottom;}
.summary {color: #33679a;display:block; padding:8px 15px;border: 3px solid #f1f5f8; margin-bottom:5px;}
.summary.active {border-color: #0072BC;}
.summary th {font-weight:normal;padding-right:5px; width:190px;}
.summary td.median {font-size:70%;text-align:left;}
.summary td {text-align:right;}
.summary .kraj{font-size:14pt;}
.summary .cr{font-size:11pt; }

.summary.active_version {border-color:#0072bc;}


.summary.active {font-size:11pt; }
.summary input {width:80px;border:3px solid #F1F5F8;padding:2px;}

.platy {border-collapse: collapse;border: 3px solid #f1f5f8;}
.platy td,.platy th {border-bottom:3px solid #F6F6F6;padding:3px;}
.platy th {font-size:12pt;font-weight:normal; width:180px; text-align:left;}
.platy td {font-size:12pt;font-weight:normal; text-align:right;}

tr.head th {background:#F1F5F8;}


#swf_object{position:absolute;left:-10px;_left:-200px;top:-100px;}

.home_desc {margin-top:60px;padding-left:180px;position:relative;}
.col1 {width:190px;float:left;margin-right:20px;}
.col2 {width:190px;float:left;}
img.left {float:left;border:1px solid #f1f5f8; margin-right:5px;}

.leaderboard {
  display: block;
  margin-left: 100px;
  width: 745px;
  margin-top: 3px;
}