/* GENERAL */
  html,body { 
    color: #000; 
    font-size: 100%; 
    font-family: Tahoma, Arial,Verdana, TahomaCE, Arial, Helvetica CE, Helvetica, Lucida, sans-serif;  
    font-weight:normal; 
    margin:0px; 
    padding:0px; 
    text-align:left; 
    background: #e2e2e2 url('../images/html.jpg') repeat-x 0px 0px;
    background-color: white;
    /*scrollbar-base-color:#;*/
    scrollbar-track-color:#fff;
    scrollbar-face-color:#fff;
    scrollbar-highlight-color:#fff;
    scrollbar-3dlight-color:none;
    scrollbar-darkshadow-color:#fff;
    /*scrollbar-shadow-color:#;*/
    scrollbar-arrow-color:#000;
  }

  body { background: transparent url('../images/body.jpg') no-repeat top center; }

  .text-center { text-align:center; }
  .text-right { text-align:right; }
  .text-left { text-align:left; }
  .text-blok { text-align:justify; }

  .tucne { font-weight:bold; }
  .kurziva { font-style:oblique; }
  .podtrh { text-decoration:underline; }

  .right { float:right; }
  .left { float:left; }

  .cursor-hand { cursor: pointer; }

  .red { color: red; }
  .green { color: #17543D; }  
  .small { font-size: 100%; }

  h1 {}
  h2 {}
  h3 {}
  h4 { font-size: 0.9em; }
  h5 {}
  h6 {}
 

  form {  margin: 0px; padding: 0px; }

  a,a:visited { text-decoration: none; color: #db541e;}
  .active {}
  a:hover { text-decoration: underline; }
  
  a.underline { text-decoration: underline; }
  
  .strong {
    font-weight: bold;
  }
  
  .red {
    color: #f00;
  }

  /* p { font-size: 0.7em; } */

  strong {}
  strike {}
  em {}
  adress {}

  ul {}
  ul li {}

  table {}
  table tr {}
  table tr td {}

  input,textarea,select { font-family: Arial CE, Verdana, Tahoma, TahomaCE, Arial CE, Arial, Helvetica CE, Helvetica, Lucida, sans-serif; font-size: 100%; color: #000; background: #fff; border: none; border-left: 1px solid #262626; border-right: 1px solid #262626; border-bottom: 1px solid #7f7f7f; border-top: 1px solid #7f7f7f; }
  input { padding-left: 3px; padding-right: 3px; }

  input[type="radio"] { border: none; }

  .form-protector { }
  .form-protector-image { display: inline; border: none; width: 300px; }

  .error { color:#fff; font-size:100%; margin:0px; padding: 0px; }
  .info { color: #fca206; font-size:80%; margin:10px; }
  .mess { color:#000; font-weight:bold; font-size:70%; }
  .system-mess { color:#fff; background: red; font-size:70%; margin:5px 10px 5px 10px; font-weight: bold; border: 1px solid red; padding: 4px 5px; }

  .clear-both { clear: both; height: 3px; font-size: 0px; }
  .clear-left { clear: left; height: 3px; font-size: 0px; }
  .clear-right { clear: right; height: 3px; font-size: 0px; }
  .clear {clear: both;}
  img { border:none; }

  .nezalamovat { white-space:nowrap; }
  .zalamovat { white-space:normal; }

  .system-info { color:#000; font-size:70%; font-weight:bold; color:green; }

  div.strankovani { text-align:center; margin:15px 0px 5px 0px; padding:5px 0px; font-size: 70%; border-top:1px solid #ccc; }
  div.strankovani a,div.strankovani a:visited { text-decoration:none; }
  div.strankovani a:hover { text-decoration:underline; }
  div.strankovani .not-active { color:#ddd; }
  div.strankovani .odstrcene { margin:0px 5px; }

  .system-error { color:#000; font-size:70%; font-weight:bold; color:red; }  
  
  #hlavicka-print-only { display: none; }
  
  SPAN.kurzivaVelke {  
    float: left;
    display: inline;
    width: 400px;  
    font-style: italic;
    font-size: 1.3em;
    font-weight: bold;      
    border-bottom: 1px solid;     
  }
  
  SPAN.black {
    color:black;
  }

  EM {
    font-size: 70%;
  }
  
  P.souvisejiciStranky A{
    margin-left: 5px;
  }
  
  
  

/* ===================================================================================================== */

  .prodany { color: #ff3300; }
  .volny { color: #3e8600; }

  #center{
    width: 968px;
    margin: auto;
  }
  
  #top{
    float: left;
    display: inline;
    width: 960px;
    height: 32px;
    background-color: #175419;
  }
  
  #top a.kontakt{
    float: right;
    display: inline;
    background-image: url(../images/top_kontakt.jpg);
    background-repeat: no-repeat;
    background-position: 0% 60%;
    padding-left: 20px;
    color: #A6BCA3;
    font-size: 0.7em;
    margin-top: 7px;
    margin-right: 30px;
  }
  
  #top a.mapa_stranek{
    float: right;
    display: inline;
    background-image: url(../images/top_mapa_stranek.jpg);
    background-repeat: no-repeat;
    background-position: 0% 60%;
    padding-left: 20px;
    color: #A6BCA3;
    font-size: 0.7em;
    margin-top: 7px;
    margin-right: 30px;
  }
  
  #header_navigace_flash {
    float: left;
    display: inline;
    height: 968px;
    height: 305px;
    background-image: url(../images/top_header_navigace_flash_bg.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 8px;
    /*border: 1px red solid;/**/
  }
  
  #top_header_left{
    float: left;
    display: inline;
    width: 240px;
    height: 305px;
    background-image: url(../images/top_header_left_logo.jpg);
    background-repeat: no-repeat;
  }
  
  #top_header_left a.logo_odkaz{
    float: left;
    display: inline;
    width: 240px;
    /*border: 1px red solid;/**/
  }
  
  #top_header_left span.top_kontakt{
    float: left;
    display: inline;  
    margin-top: 40px; 
    margin-left: 12px; 
  }
  
  #top_header_left .top_text1{
    font-size: 1em;
    font-weight: bold;
    color: #13204A;
  }
  
  #top_header_left .top_text2{
    font-size: 0.8em;
    font-weight: bold;
    color: white;
  }
  
  #top_header_left a.top_mail{
    font-size: 0.7em;    
    color: white;
  }
  
  #top_navigace{
    float: left;
    display: inline;
    width: 720px;
    height: 70px;
    font-size: 0.9em;
    background-image: url(../images/top_right_navigace.jpg);
    background-repeat: no-repeat;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #top_navigace a {
    /* font-weight: bold; */
  }
  
  #top_navigace a.top_navigace_neaktivni{
    float: left;
    display: inline;
    width: 139px;
    height: 29px;
    /* color: #17543D; */
    color: #fff;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    background-image: url(../images/navigace_neaktivni_carka.jpg);
    background-repeat: no-repeat;
    background-position: 100% 27%;
    /*border: 1px red solid;/**/
  }
  
  #top_navigace a.top_navigace_neaktivni:hover{    
    color: #17543D;
    text-decoration: none;   
    /*border: 1px red solid;/**/
  }
  
  #top_navigace a.top_navigace_neaktivni_posledni{
    float: left;
    display: inline;
    width: 137px;
    height: 29px;
    color: #fff;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;    
    /*border: 1px red solid;/**/
  }
  
  #top_navigace a.top_navigace_neaktivni_posledni:hover{    
    color: white;
    text-decoration: none;    
    /*border: 1px red solid;/**/
  }
  
  #top_navigace a.top_navigace_aktivni{    
    float: left;
    display: inline;
    width: 139px;
    height: 29px;    
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    color: white;
    text-decoration: none;
    background-image: url(../images/top_navigace_over.jpg);
    background-repeat: no-repeat;
    /*border: 1px red solid;/**/
  }
  
  #top_navigace a.top_navigace_neaktivni_stin{
    float: left;
    display: inline;
    width: 139px;
    height: 29px;
    color: #fff;
    text-align: center;
    padding-top: 21px;
    margin-top: 20px;
    background-image: url(../images/top_navigace_neaktivni_right.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    /*border: 1px red solid;/**/
  }
  
  #top_navigace a.top_navigace_neaktivni_stin:hover{
    color: #17543D;
    text-decoration: none; 
  }
  
  #top_navigace a.top_navigace_neaktivni_stin_posledni{
    float: left;
    display: inline;
    width: 139px;
    height: 29px;
    color: #17543D;
    font-size: 0.7em;
    text-align: center;
    padding-top: 21px;
    margin-top: 20px;
    background-image: url(../images/top_navigace_neaktivni_right_posledni.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  
  #top_navigace a.top_navigace_neaktivni_stin_posledni:hover{
    color: white;
    text-decoration: none; 
  }
  
  #top_flash {
    float: left;
    display: inline;
    width: 720px;
    height: 235px;
    background-image: url(../images/top_right_flash.jpg);
    background-repeat: no-repeat;
  }
  
  #telo{
    background-image: url(../images/obsah_bg.jpg);
    background-repeat: repeat-y;
  }
  
  #levy_panel{
    float: left;
    display: inline; 
    width: 239px;      
  }
  
  #levy_panel_okamzite_informace{
    height: 120px;
    background-image: url(../images/levy_panel_okamzite_informace.jpg);
    background-repeat: no-repeat;
  }
  
  #levy_panel_okamzite_informace h3{    
    font-size: 0.8em;
    font-weight: bold;
    color: #13204A;
    margin: 0px; 
    padding-top: 15px;
    margin-left: 20px;
  }
  
  #mailing {
    float: left;
    display: inline;
    margin-left: 18px;
    margin-top: 5px;
  }
  
  #mailing span.kontakt{
    float: left;  
    display: inline;
    background-image: url(../images/mail_left.jpg);
    background-repeat: no-repeat;
    background-position: 0% 60%;
    font-size: 0.7em;
    padding-left: 15px;
    margin-top: 7px;
    color:#3F3F3F;
  }
  
  #mailing input{
    font-size: 0.7em;
  }
  
  #levy_panel_okamzite_informace span.text{
    float: left;
    display: inline;    
    margin-left: 20px;
    font-size: 0.7em;
    color: #989898;
  }
  
  #levy_panel_navigace{
    float: left;
    display: inline;
    width: 239px;
    background-image: url(../images/levy_panel_navigace_paticka.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 27px;
    margin-top: 5px;
  }
  
  #levy_panel_navigace h3{    
    height: 24px;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px; 
    padding-left: 20px;
    padding-top: 9px;
    background-image: url(../images/levy_panel_h3.jpg);
    background-repeat: no-repeat;
  }
  
  #levy_panel_navigace UL {    
    margin: 0px; 
    padding: 0px; 
  }
  
   #levy_panel_navigace UL UL{
    float: left;
    display: inline;
    margin: 0px; 
    padding: 0px;     
    border-left: 1px #CFCFCF solid;
  }
  
  #levy_panel_navigace LI{
    list-style-type: none;    
  }
  
  #levy_panel_navigace LI a.navigace_neaktivni{
    float: left;
    display: inline;
    width: 218px;
    height: 30px;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 0.8em;
    color: #283E79;
    border-left: 1px #CFCFCF solid;
    border-bottom: 1px #CFCFCF solid;
    background-color: #EEEEEE;
  }  
  
  #levy_panel_navigace LI a.navigace_neaktivni:hover{    
    color: white;
    font-weight: normal;
    text-decoration: none;
    background-color: #17543D;
  }
  
  #levy_panel_navigace LI a.navigace_aktivni{
    float: left;
    display: inline;
    width: 218px;
    height: 30px;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 0.8em;    
    border-left: 1px #CFCFCF solid;
    border-bottom: 1px #CFCFCF solid;    
    color: white;
    font-weight: normal;
    text-decoration: none;
    background-color: #17543D;
  }
  
  #levy_panel_navigace LI a.navigace_neaktivni_posledni {
    float: left;
    display: inline;
    width: 218px;
    height: 30px;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 0.8em;
    color: #283E79;
    border-left: 1px #CFCFCF solid;    
    background-color: #EEEEEE;
  }
  
  #levy_panel_navigace LI a.navigace_neaktivni_posledni:hover {
    color: white;
    font-weight: bold;
    text-decoration: none;
    background-color: #17543D;
  }
  
  #levy_panel_navigace a.navigace_sub{
    float: left;
    display: inline;
    width: 170px;    
    background-image: url(../images/leva_navigace_odrazka.jpg);
    background-repeat: no-repeat;
    background-position: 0% 60%;
    padding-left: 20px;
    margin-left: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 0.8em;
    color: #283E79;
    /*border: 1px red solid;/**/
  }
  
   #pravy_panel {
    float: left;
    display: inline;
    width: 690px;
    margin: 0px; 
    padding: 0px; 
    padding-top: 23px;
    padding-left: 30px;
    background-image: url(../images/pravy_panel_top.jpg);
    background-repeat: no-repeat;
    background-position: top;
  }  

  
  #pravy_panel UL{
    float: left;
    display: inline;
    /* color:#17543D; */
    font-size: 0.8em;
  }
  
  #pravy_panel h1{
    font-size: 1.6em;
    font-weight: bold;
    color: #3F3F3F;
    background-image: url(../images/h1_top.jpg);
    background-repeat: no-repeat;
    padding-top: 10px;
    font-variant: small-caps;
  }
  
  #pravy_panel h2{
    font-size: 1.2em;
    font-weight: bold;
    color: #3F3F3F;    
    padding-top: 10px;
    font-variant: small-caps;
  }
  
  #pravy_panel hr{
    color: #CCCCCC;
    height: 1px;
  }
  
  #pravy_panel p {
   font-size: 0.8em;
    
  }
  
  #pravy_panel p.text_pod_titulkem{
    float: left;
    display: inline;
   /* font-size: 0.8em; */
    color: #4C4C4C;
  }
  
  #pravy_panel div.box_vyber_kategorie{
    float: left;  
    /*display: inline;*/
    width: 300px;
    margin-right: 30px;
    margin-bottom: 20px;
  }
  
  #pravy_panel div.box_vyber_kategorie img{
    float: left;
    clear: both;
    /*display: inline;*/
    border: 0;
  }

  #pravy_panel div.box_vyber_kategorie span.box_vyber_titulek a {
    float: left;
    display: block;
    font-weight: bold;
    text-decoration: underline;
    color: #13204A;
    margin-left: 20px;
  }

  #pravy_panel div.box_vyber_kategorie span.box_vyber_titulek {
    float: left;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: underline;
    color: #13204A;
    margin-left: 20px;
  }

  #pravy_panel div.box_vyber_kategorie span.box_vyber_titulek a.red {
    color: #db541e;
  }

  #pravy_panel div.box_vyber_kategorie span.box_vyber_titulek a:hover{
    text-decoration: none;
  }
  
  #pravy_panel div.box_vyber_kategorie span.box_vyber_text{
    display: block;
    width: 220px;
    padding: 10px 0 0 90px;
    font-size: 0.8em;
    color: #818181;    
  }
  
  #pravy_panel div.box_vyber_kategorie span.box_vyber_text_red{
    display: block;
    width: 220px;
    padding: 5px 0 0 90px;
    font-size: 0.8em;
    color: #db541e;
  }
  
  #pravy_panel img.obsah_ilu_foto{
    float: left;
    display: inline;
    margin-bottom: 5px;
    margin-right: 10px;
  }
  
  #footer{
    height: 185px;
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
  }
  
  #footer_navigace{
    float: left;
    display: inline;
    font-size: 0.7em;
    margin-top: 20px;
    margin-left: 20px;
  }
  
  #footer_navigace a{
    color: #13204A;
    margin-right: 15px;
  } 
  
  #footer_navigace a:hover{
    color: #689826;
    text-decoration: none;
  }
  
  #footer img.footer_loga{
    float: right;
    display: inline;
    margin-top: 10px;
    margin-right: 20px;
  }  
  
  #footer span.footer_text {
    float: left;
    display: inline;
    font-size: 0.7em;
    color: #7A7A7A;
    margin-left: 160px;
    margin-top: 50px;
  }
  
  #footer span.designed a{
    float: right;
    display: inline;
    font-size: 0.7em;
    color: #7A7A7A;
    margin-right: 90px;
    margin-top: 63px;
  }
  
  /*   OBSAH   */
  
  .klik_na_obr_text_table{
    font-size: 0.7em;
    color: #858585;
    margin-right: 20px;
  }
  
  .klik_na_obr_text{
    font-size: 0.7em;
    color: #858585;
    margin-right: 20px;
  }
  
  span.text_img_right{    
    font-size: 0.8em;    
    text-align: justify;
    color: #626262;
  }
  
  span.text_img_right h3{
    margin: 0px; 
    font-size: 1.2em;
    color: black;
  }
  
  table.detail_bytu{
    float: left;
    display: inline;
    font-size: 0.8em;
  }
  
  table.detail_bytu td {
    padding-left: 10px;
  }
  
  table.detail_bytu tr.detail_produktu_nevyrazny{
    height: 38px;
    width: 396px;
    text-align: left;
  }
  
  table.detail_bytu td.detail_produktu_titulka{
    height: 38px;
    text-align: left;
    padding-left: 10px;
  }
  
  table.detail_bytu tr.detail_produktu_vyrazny{
    height: 38px;
    width: 396px
    text-align: left;    
    background-color: #EEEEEE;    
  }
  
  table.detail_bytu span.detail_produktu_aktualizovano{
    color: #7A7A7A;   
  }
  
  table.detail_bytu td.detail_produktu_cena{
    height: 38px;
    text-align: left; 
    background-color: #17543D;
    padding-left: 10px;
    color: white;
  }
  
  #pod_detail_produktu{
    float: left;
    display: inline;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  #pod_detail_produktu a.detail_lokalita {
    float: left;
    display: inline;
    width: 48px;
    height: 48px;
    background-image: url(../images/detail_lokalita_over.jpg);
    background-repeat: no-repeat;
    margin-right: 6px;
  }
  
  #pod_detail_produktu a.detail_lokalita:hover {   
    background-image: url(../images/detail_lokalita.jpg);
  }
  
  #pod_detail_produktu a.detail_statistiky {
    float: left;
    display: inline;
    width: 48px;
    height: 48px;
    background-image: url(../images/detail_statistiky.jpg);
    background-repeat: no-repeat;
    margin-right: 6px;
  }
  
  #pod_detail_produktu a.detail_statistiky:hover {   
    background-image: url(../images/detail_statistiky_over.jpg);
  }
  
  #pod_detail_produktu a.detail_oblibene {
    float: left;
    display: inline;
    width: 48px;
    height: 48px;
    background-image: url(../images/detail_oblibene.jpg);
    background-repeat: no-repeat;
    margin-right: 6px;
  }
  
  #pod_detail_produktu a.detail_oblibene:hover {   
    background-image: url(../images/detail_oblibene.jpg);
  }
  
  #pod_detail_produktu span.detail_lokalita_text{
    float: left;
    display: inline;
    font-size: 0.8em;
    margin-left: 10px;
    margin-top: 8px;  
    margin-right: 8px;  
    color: #ca130f;
    font-weight: bold;
  }
  
  div.detail_foto {
    float: left;
    display: inline;
    width: 170px;
    height: 120px;
    margin-top: 20px;    
  }
  
  div.aktuality_box1 {
    float: left;
    display: inline;
    width: 678px;        
    border-bottom: 1px #CCCCCC solid;
    padding-bottom: 10px;
  }
  
  div.datum{
    float: left;
    display: inline;
    width: 150px;
    height: 20px;
    border-right: 1px #C1C1C1 solid;
    font-size: 0.8em;
    padding-right: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  div.datum span.datum_den{
    font-size: 1.3em;
    font-weight: bold;
    color: #283E79;
  }
  
  div.aktuality_box1 img {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  div.aktuality_box1 span.aktuality_text{
    font-size: 0.7em;
  }
  
  div.aktuality_box2 {
    float: left;
    display: inline;
    width: 678px;        
    background-color: #F4F4F4;
    border-bottom: 1px #CCCCCC solid;
    padding-bottom: 10px;
  }  
    
  div.aktuality_box2 img{
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  div.aktuality_box2 span.aktuality_text{
    font-size: 0.8em;
  }
  
  div.aktuality_box2 a.aktuality_vice{
    color: #283E79;
    font-weight: bold;
  }
  
  div.aktuality_box1 a.aktuality_vice{
    color: #283E79;
    font-weight: bold;
  }
  
  .aktuality_seznam{
    font-size: 0.8em;
    float: left;
    display: inline;
    color:#17543D;
  }
  
  #textdetail {
    float: left;
    position: relative;
  }
  
  #ruzice {
    float: right;
    position: relative;
  }
  
  #textdetail table {
    width: 400px;
    margin-bottom: 15px;
  }
  
  #textdetail table td {
    background-color: #D1E4C5;
	  text-align: center;
	  width: 120px;
  }

  #textdetail table th {
    background-color: #008601;
	  font-weight: bold;
	  text-align: center;
	  color: #fff;
 	  width: 120px;
  }
  
  #textdetail table th sup {
    font-size: 70%;
  }
  
  #box-banner-hp {
    width: 200px;
    padding: 15px;
    margin: 0 0 15px 0;
    border: 1px solid #ccc;
  }
  
  #box-right {
    position: relative;
    float: right;
  }
  
  #box-banner-hp span {
    float: left;
  }
  
  #box-banner-hp a {
    font-size: 2em;
  }
  
  #mapa {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px;
    float: left:
    position: relative;
  }
  
  #alert-box {
    width: 330px;
    padding: 10px 10px 10px 100px;
    margin: 0 10px 10px 10px;
    background-image: url(../images/info.png);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    border: 1px solid #ccc;
    color: #db541e;
    font-weight: bold;
    font-size: 130%;
    position: relative;
    float: right;
  }
  
  #only-box {
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 10px 10px;
    border: 1px solid #ccc;
    color: #db541e;
    font-weight: bold;
    position: relative;
    float: right;
  }

  #flashbox {
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 10px 10px;
    border: 1px solid #ccc;
    color: #db541e;
    font-weight: bold;
    position: relative;
    float: right;
  }

  .float-right {
    float: right
  }

  .float-left {
    float: left;
}