/* 
  BytServis.cz CSS file
  Date: january 2010
  Version: 1.0
  Coded by Jiri Hajicek
  everyday.cz
*/


/*---------------------------------
            BODY
---------------------------------*/
body {
 color: #64bed5;
 font-family: Trebuchet MS, Arial;
 background: #ffffff;
 margin:0px;
 font-size:9pt;
 }

#main {
  position:relative;
  width:100%;
  margin:0px;
  }

img {
  border:0px;
  }
  
.clear {
  clear:both;
  }
  
/*---------------------------------
            TOP MENU
---------------------------------*/
#top {
  width:960px;
  height:50px;
  }
  
#top #logo {
  position:relative;
  left:26px;
  top:24px;
  width:131px;
  height:38px;
  border:0px;
  float:left;
  }

#top #top_menu {
  margin-top:36px;
  width:677px;
  float:right;
  text-align:left;
  font-size:9pt;
  font-weight:bold;
  color:#dadada;
  }

#top_menu a {
  color:#075985;
  text-decoration:none;
  }

#top_menu a:hover {
  text-decoration:underline;
  }
  
#top_menu span {
  color:#64bdd4;
  }

/*---------------------------------
            BANNER
---------------------------------*/
#banner {
  width:100%;
  height:272px;
  background:#ffffff url(../images/banner_background.gif) left bottom repeat-x;
  }

#banner #bg_banner_titulka {
  width:960px;
  height:272px;
  background:url(../images/banner_titulka.jpg) left top no-repeat;
  }
  
#banner #bg_banner_01 {
  width:960px;
  height:272px;
  background:url(../images/banner_01.jpg) left top no-repeat;
  }
  
#banner #bg_banner_02 {
  width:960px;
  height:272px;
  background:url(../images/banner_02.jpg) left top no-repeat;
  }
  
#banner #bg_banner_03 {
  width:960px;
  height:272px;
  background:url(../images/banner_03.jpg) left top no-repeat;
  }
  
#banner h1 {
  color:#155678;
  margin:0px 0px 20px 0px;
  font-size:12pt;
  font-weight:bold;
  }
  
#banner p {
  margin:0px 0px 0x 0px;
  font-size:9pt;
  color:#ffffff;
  font-weight:normal;
  line-height:120%;
  }
  
  
#banner #banner_text_titulka {
  margin-right:40px;
  margin-top:65px;
  width:638px;
  float:right;
  }
  
#banner #banner_text_other {
  margin-right:40px;
  margin-top:65px;
  width:405px;
  float:right;
  }
  
#banner_text_other .slogan_dark {
  float:right;
  font-size:10pt;
  color:#0e4e71;
  }
  
#banner_text_other .slogan_white {
  color:#ffffff;
  }

#banner_bottom {
  width:100%;
  height:6px;
  background:#165577 url(../images/banner_bottom_titulka.gif) left top no-repeat;
  }
  
#banner_bottom_201 {
  width:100%;
  height:6px;
  background:#165577 url(../images/banner_bottom_201.gif) left top no-repeat;
  }
  
#banner_bottom_202 {
  width:100%;
  height:6px;
  background:#165577 url(../images/banner_bottom_202.gif) left top no-repeat;
  }
  
#banner_bottom_203 {
  width:100%;
  height:6px;
  background:#165577 url(../images/banner_bottom_203.gif) left top no-repeat;
  }
  

/*---------------------------------
            MIDDLE MENU
---------------------------------*/
#middle_menu_header {
  margin-left:-19px;
  margin-top:-45px;
  width:738px;
  height:45px;
  }

#middle_menu_header a {
  font-size:9pt;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  }

#middle_menu_header a:hover{
  text-decoration:underline;
  }

#middle_menu_header #menu_201_header {
  width:223px;
  height:44px;
  margin-top:0px;
  margin-left:0px;
  float:left;
  color:#7f3600;
  font-weight:bold;
  }
  
#middle_menu_header #menu_202_header {
  width:223px;
  height:44px;
  margin-top:0px;
  margin-left:10px;
  float:left;
  color:#607401;
  font-weight:bold;
  }

#middle_menu_header #menu_203_header {
  width:223px;
  height:44px;
  margin-top:0px;
  margin-left:10px;
  float:left;
  color:#165577;
  font-weight:bold;
  }
  
.middle_menu_item {
  margin-top:10px;
  margin-left:20px;
  width:180px
  }
  
#middle_menu {
  margin-left:-19px;
  width:738px;
  background:url(../images/bg_menu_ttl_body.gif) left top repeat-y;
  }
  
#middle_menu #middle_menu_bottom {
  width:693px;
  height:41px;
  background:url(../images/bg_menu_ttl_bttm.gif) left top no-repeat; 
  }
  
#middle_menu #middle_menu_body {
  width:693px;
  min-height:105px;
  _height:105px;
  background:url(../images/bg_menu_ttl_top.gif) left top no-repeat; 
  font-size:8pt;
  }

#middle_menu_body a {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  }
  
#middle_menu_body a:hover {
  text-decoration:underline;
  }

#middle_menu_body #menu_201 {
  margin-top:10px;
  margin-left:35px;
  margin-bottom:0px;
  width:180px;
  padding:0px;
  list-style-image:url(../images/sipka_menu_201.gif);
  float:left;
  }
  
#menu_201 li {
  margin-bottom:5px;
  margin-left:0px;
  }

#middle_menu_body #menu_202 {
  margin-top:10px;
  margin-left:52px;
  margin-bottom:0px;
  width:180px;
  padding:0px;
  list-style-image:url(../images/sipka_menu_202.gif);
  float:left;
  }
  
#menu_202 li {
  margin-bottom:5px;
  margin-left:0px;
  }

#middle_menu_body #menu_203 {
  margin-top:10px;
  margin-left:52px;
  margin-bottom:0px;
  width:180px;
  padding:0px;
  list-style-image:url(../images/sipka_menu_203.gif);
  float:left;
  }
  
#menu_203 li {
  margin-bottom:5px;
  margin-left:0px;
  }

#middlemenu_submenu_sipka_201 {
  position:absolute;
  top:-15px;
  left:175px;
  width:24px;
  height:24px;
  border:0px;
  z-index:1;
  }

#middlemenu_submenu_201 {
  position:absolute;
  top:-6px;
  left:-19px;
  width:223px;
  background:#f67100 url(../images/sipka_middle_submenu_201.gif) top right no-repeat;
  z-index:2;
  }

#middlemenu_submenu_201 #menu_201_ul {
  margin:10px 0px 15px 35px;
  width:180px;
  padding:0px;
  list-style-image:url(../images/sipka_menu_201.gif);
  float:left;
  }
  
#middlemenu_submenu_201 li {
  margin-bottom:5px;
  margin-left:0px;
  }

#middlemenu_submenu_201 a {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  }
  
#middlemenu_submenu_201 a:hover {
  text-decoration:underline;
  }

#middlemenu_submenu_sipka_202 {
  position:absolute;
  top:-15px;
  left:408px;
  width:24px;
  height:24px;
  border:0px;
  z-index:1;
  }

#middlemenu_submenu_202 {
  position:absolute;
  top:-6px;
  left:214px;
  width:223px;
  background:#add606 url(../images/sipka_middle_submenu_202.gif) top right no-repeat;
  z-index:1;
  }

#middlemenu_submenu_202 #menu_202_ul {
  margin:10px 0px 15px 35px;
  width:180px;
  padding:0px;
  list-style-image:url(../images/sipka_menu_202.gif);
  float:left;
  }
  
#middlemenu_submenu_202 li {
  margin-bottom:5px;
  margin-left:0px;
  }

#middlemenu_submenu_202 a {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  }
  
#middlemenu_submenu_202 a:hover {
  text-decoration:underline;
  }

#middlemenu_submenu_sipka_203 {
  position:absolute;
  top:-15px;
  left:641px;
  width:24px;
  height:24px;
  border:0px;
  z-index:1;
  }

#middlemenu_submenu_203 {
  position:absolute;
  top:-6px;
  left:447px;
  width:223px;
  background:#4abfda url(../images/sipka_middle_submenu_203.gif) top right no-repeat;
  z-index:1;
  }

#middlemenu_submenu_203 #menu_203_ul {
  margin:10px 0px 15px 35px;
  width:180px;
  padding:0px;
  list-style-image:url(../images/sipka_menu_203.gif);
  float:left;
  }
  
#middlemenu_submenu_203 li {
  margin-bottom:5px;
  margin-left:0px;
  }

#middlemenu_submenu_203 a {
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
  }
  
#middlemenu_submenu_203 a:hover {
  text-decoration:underline;
  }

/*---------------------------------
            LEFT MENU
---------------------------------*/
#left_menu {
  margin-left:20px;
  margin-top:20px;
  width:200px;
  font-weight:bold;
  color:#ffffff;
  }
  
#left_menu a {
  font-size:9pt;
  text-decoration:none;
  font-weight:bold;
  }

#left_menu a:hover{
  text-decoration:underline;
  }
  
#left_menu #left_menu_header {
  width:200px;
  height:40px;
  border-bottom:1px solid #23668a;
  }

#left_menu_header #strong_201 {
  font-size:9pt;
  text-transform:uppercase;
  color:#fcc000;
  font-weight:bold;
  }

#left_menu #menu_item_201 {
  height:25px;
  width:180px;
  padding-top:11px;
  padding-left:20px;
  background:url(../images/left_menu_sipka_201.gif) left center no-repeat;
  border-bottom:1px solid #23668a;
  }
  
#left_menu #menu_item_201_select {
  height:25px;
  width:180px;
  padding-top:11px;
  padding-left:20px;
  background:url(../images/left_menu_sipka_201_s.gif) left center no-repeat;
  border-bottom:1px solid #23668a;
  font-size:9pt;
  }

#menu_item_201 a {
  color:#fcc000;
  }

#left_menu_header #strong_202 {
  font-size:9pt;
  text-transform:uppercase;
  color:#e7f30a;
  font-weight:bold;
  }

#left_menu #menu_item_202 {
  height:25px;
  width:180px;
  padding-top:11px;
  padding-left:20px;
  background:url(../images/left_menu_sipka_202.gif) left center no-repeat;
  border-bottom:1px solid #23668a;
  }
  
#left_menu #menu_item_202_select {
  height:25px;
  width:180px;
  padding-top:11px;
  padding-left:20px;
  background:url(../images/left_menu_sipka_202_s.gif) left center no-repeat;
  border-bottom:1px solid #23668a;
  font-size:9pt;
  }

#menu_item_202 a {
  color:#e7f30a;
  }

#left_menu_header #strong_203 {
  font-size:9pt;
  text-transform:uppercase;
  color:#6fd7e2;
  font-weight:bold;
  }

#left_menu #menu_item_203 {
  height:25px;
  width:180px;
  padding-top:11px;
  padding-left:20px;
  background:url(../images/left_menu_sipka_203.gif) left center no-repeat;
  border-bottom:1px solid #23668a;
  }

#left_menu #menu_item_203_select {
  height:25px;
  width:180px;
  padding-top:11px;
  padding-left:20px;
  background:url(../images/left_menu_sipka_203_s.gif) left center no-repeat;
  border-bottom:1px solid #23668a;
  font-size:9pt;
  }

#menu_item_203 a {
  color:#6fd7e2;
  }


/*---------------------------------
            PAGE
---------------------------------*/
#page_bacground {
  width:100%;
  background:#165577;
  }

#page_bacground #page {
  width:960px;
  }
  
.clear {
  clear:both;
  }

#page_bottom_background {
  width:100%;
  height:120px;
  background:#165577;
  }

#page_bottom {
  width:960px;
  height:120px;
  }
  
#page_bottom #hot_line {
  position:relative;
  top:36px;
  width:450px;
  height:105px;
  background:url(../images/bg_bottom.jpg) right top no-repeat;
  float:right;
  }
  
#hot_line #hot_line_text {
  margin-top:41px;
  font-size:9pt;
  color:#ffffff;
  }
  
#hot_line_text span {
  color:#64bed5;
  }
  
/*---------------------------------
            PAGE-LEFT
---------------------------------*/
#page #page_left {
  width:260px;
  float:left;
  }
  
#page_left #aktuality_top {
  margin:20px 0px 0px 25px;
  width:200px;
  height:35px;
  color:#ffffff;
  font-size:11pt;
  font-weight:bold;
  border-bottom:1px solid #23668a;
  }
  
#page_left .aktuality_polozky {
  margin:15px 0px 0px 25px;
  width:200px;
  __height:95px;
  color:#64bed5;
  font-size:8pt;
  font-weight:normal;
  border-bottom:1px solid #23668a;
  }

#page_left .aktuality_polozky a {
  color:#ffffff;
  text-decoration:none;
  }

#page_left .aktuality_polozky a:hover {
  color:#ffffff;
  text-decoration:underline;
  }

.aktuality_polozky .aktuality_nadpis {
  margin:3px 0px 3px 0px;
  color:#ffffff;
  font-size:9pt;
  font-weight:bold;
  }
  
.aktuality_polozky .aktuality_paticka {
  margin:-4px 0px 0px 0px;
  height:10px;
  width:200px;
  text-align:right;
  }
  
.aktuality_paticka a {
  color:#64bed5;
  text-decoration:none;
  font-size:11pt;
  }

/*---------------------------------
            PAGE-RIGHT
---------------------------------*/
#page #page_right {
  position:relative;
  width:680px;
  float:right;
  }
  
#page_right #page_right_text {
  width:640px;
  }

#page_right_text a {
  color:#64bed5;
  text-decoration:none;
  }
  
#page_right_text a:hover {
  color:#ffffff;
  text-decoration:underline;
  }

#page_right h1 {
  margin:35px 0px 17px 0px;
  color:#ffffff;
  font-size:12pt;
  text-transform:uppercase;
  font-weight:bold;
  }
  
#page_right h2 {
  margin:35px 0px 15px 0px;
  color:#ffffff;
  font-size:12pt;
  font-weight:bold;
  }
  
#page_right h3 {
  margin:30px 0px 15px 0px;
  color:#ffffff;
  font-size:10pt;
  font-weight:bold;
  }
  
#page_right h4 {
  margin:15px 0px 5px 0px;
  font-size:10pt;
  font-weight:bold;
  }

#page_right h5 {
  margin:20px 0px 5px 0px;
  font-size:10pt;
  font-weight:normal;
  }


#page_right p {
  margin:0px 0px 13px 0px;
  font-size:9pt;
  text-align:justify;
  }
  
#page_right .date {
  margin:20px 0px 5px 0px;
  font-size:8pt;
  font-weight:normal;
  }
  
#page_right .nadpis {
  font-size:10pt;
  color:#ffffff;
  }

#page_right ul {
  margin:0px 0px 15px 18px;
  font-size:9pt;
  padding:0px;
  list-style-image:url(../images/sipka_li.gif);
  }
  
#page_right li {
  margin:0px 0px 5px 0px;
  padding:0px;
  }
  
#page_right .page_right_pic {
  margin-left:25px;
  margin-bottom:25px;
  border:1px solid #ffffff;
  float:right;
  }
  
#page_right .table_main {
  width:100%;
  border:0px;
  font-weight:bold;
  vertical-align:middle;
  font-size:9pt;
  border:2px none;
  }
  
.table_main .table_header {
  background:#67c1d7;
  color:#003856;
  }

.table_main .table_line {
  background:#2e7694;
  color:#ffffff;
  }

#page_right input {
  margin:15px 0px 0px 0px;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  background:#2e7694;
  border:0px;
  color:#ffffff;
  font-size:10px;
  }
  
#page_right .odeslat {
  margin:15px 0px 0px 0px;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  background:#64bed5;
  border:0px;
  color:#0e4e71;
  font-size:10px;
  }
  
#page_right select {
  margin:15px 0px 0px 0px;
  background:#2e7694;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  border:0px;
  color:#ffffff;
  font-size:10px;
  }

#page_right .input_req {
  margin:15px 0px 0px 0px;
  width:250px;
  background:#2e7694;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  border:0px;
  color:#ffffff;
  font-size:10px;
  }
  
#page_right .textarea_req {
  margin:15px 0px 0px 0px;
  width:250px;
  background:#2e7694;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  border:0px;
  color:#ffffff;
  font-size:10px;
  }

.table_main a {
  color:#ffffff;
  text-decoration:none;
  }
  
.table_main a:hover {
  text-decoration:underline;
  }
  
#page_right .text_polozka {
  margin:10px 0px 15px 0px;
  width:100%;
  color:#64bed5;
  font-size:8pt;
  font-weight:normal;
  border-bottom:1px solid #23668a;
  }
  
.text_polozka a { 
  color:#ffffff;
  text-decoration:none;
  }
  
.text_polozka a:hover { 
  color:#ffffff;
  text-decoration:underline;
  }
  
.text_polozka .text_polozka_paticka {
  margin:-5px 0px 1px 0px;
  height:10px;
  width:100%;
  text-align:right;
  }

.text_polozka_paticka a {
  color:#64bed5;
  text-decoration:none;
  font-size:11pt;
  }
  
.text_polozka_paticka a:hover {
  color:#ffffff;
  text-decoration:none;
  font-size:11pt;
  }

#page_right .ref_list {
  width:200px;
  height:287px;
  margin-right:10px;
  margin-bottom:10px;
  border:1px solid #ffffff;
  float:left;
  }

/*---------------------------------
            COPYRIGHT
---------------------------------*/
#copyright {
  margin-top:20px;
  width:950px;
  height:300px;
  background:#ffffff;
  font-size:8pt;
  color:#266080;
  text-align:right;
  }
  
#copyright a {
  color:#64bed5;
  text-decoration:underline;
  }
  
/*---------------------------------
            REALITKA
---------------------------------*/
.reality_line {
  width:100%;
  min-height:40px;
  _height:40px;
  border-top:4px solid #84b4ce;
  border-bottom:4px solid #23668a;
  }
  
.reality_line .reality_top {
  width:100%;
  height:30px;
  border-bottom:1px solid #23668a;
  margin:0px;
  padding:0px;
  }

.reality_top .nadpis_nabidky {
  font-size:13px;
  font-weight:bold;
  margin:12px 0px 10px 5px;
  padding:0px;
  color:#ffffff;
  }
  
.table_reality {
  width:100%;
  font-weight:normal;
  vertical-align:middle;
  font-size:9pt;
  border:0px;
  }
  
.table_reality .table_reality_hdr_ln {
  height:10px;
  color:#64bed5;
  border-bottom:1px solid #23668a;
  }

.table_reality .table_reality_hdr {
  height:10px;
  color:#64bed5;
  }

.table_reality .table_reality_ln_ln {
  height:10px;
  color:#ffffff;
  border-bottom:1px solid #23668a;
  }
  
.table_reality .table_reality_ln {
  height:10px;
  color:#ffffff;
  }
  
.reality_line a {
  color:#ffffff;
  text-decoration:none;
  }
  
.reality_line a:hover {
  text-decoration:underline;
  }
  
.reality_line .detail {
  margin:0px 0px 0px 0px;
  width:55%;
  float:left;
  }
  
.reality_foto {
  margin:8px 0px 0px 0px;
  width:45%;
  text-align:right;
  float:right;
  }
  
.reality_line .nahled_foto {
  border:1px solid #ffffff;
  margin:8px 3px 0px 0px;
  width:255px;
  height:192px;
  float:right;
  }

.reality_foto .big_foto {
  border:1px solid #ffffff; 
  width:255px;
  height:192px;
  }

.reality_foto .select_foto {
  margin:6px 0px 15px 0px;
  width:100%;
  }

.reality_foto .foto_ramecek {
  margin:2px 2px 0px 0px;
  border:1px solid #ffffff; 
  width:80px;
  height:60px;
  float:center;
  }