/* CSS Document */

html, body{
 margin-top:0px; 
 margin-bottom:0px; 
 padding:0; 
 text-align:center; 
 font-family: Tahoma;
 font-size: 9pt; 
 line-height: 1.2;
 background: url("img/bg.gif") top left repeat ;
} 

#pagewidth{
 width:800px;
 
 background: url("img/bg-stiny.jpg") top left repeat-y ;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color: white; 
 border: 0px dashed magenta;  
 padding:0px;
 
 padding-left: 6px;
 padding-right: 6px;
} 

h1#top {width: 800px; height: 149px; border: 0px dashed red; overflow: hidden; position:relative; padding:0px; margin:0px; }
h1#top span { display:block; border: 0px dashed black; position:absolute; left:0; top:0; z-index:1; width:800px; height:149px; margin:0; padding:0; background:url("img/top_logo.jpg") top left no-repeat;}
h2.clanek, h2.clanek a{  margin: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 13px; font-weight: bold; color: #B13A60;   background-color: #FFF; border:0px; background: none; padding: 0px; }
h2 {margin:0px;  margin-bottom: 5px; font-size: 18px; color: #506228; text-decoration: none;}
h3 {margin:0px;  margin-bottom: 15px; font-size: 14px; color: #506228; text-decoration: none;}
a:link, a:visited {color: #506228;}
a:hover {text-decoration: underline;}



.zeleny-pruh {width:800px; height: 25px; background-color: #50730D; }
#svetle-zeleny-pruh {width:800px; height: 10px; background-color: #9BC911; margin-top: 0px;}

#hlavicka a {float: right; color: #FFF; font-weight: bold; text-decoration: none; padding-left: 10px; margin-right: 20px; margin-top: 5px; background: url("img/sipka.gif") 0 50% no-repeat;}

#menubar {background-color: #EEEEEE; height:62px; border-bottom: 2px solid #D2D2D2;}
  #vyhledavani {height: 62px; float:left; width: 188px; height: 62px; border: 0px dashed green;}
    #inp_vyhledavani {background: url("img/bg-vyhledavani.jpg") top left no-repeat; width: 140px; height: 25px; padding-left: 3px; padding-top: 3px; margin-top: 18px; margin-left: 10px; border: 0px;}
    #inp_submit {background: url("img/bg-submit.jpg") top left no-repeat; width: 20px; height: 21px; border: 0px;}
    
  #menu {float: left; border: 0px dashed blue; width: 606px; height: 62px;}
   
  

#content {min-height: 1150px; width: 615px; margin-left: 110px; margin-top: 25px; border: 0px dashed red; margin-bottom: 20px; padding-left: 0px;}
  .clanek-maly  { width: 614px; float: left; margin-right: 10px; margin-bottom: 15px; padding: 0px; font-size: 11px; }
    .informujeme .inside{background-color: #F1F8DF; /*#00a651;*/ margin-left: 1px; margin-right: 1px;  padding:6px;}
    .informujeme#market .inside{background-color: #F5F5F5; /*#00a651;*/ }
  .informujeme h2 { width: 614px; height:19px; background: url("img/box-top-long-light.gif") top left no-repeat;  font-family: tahoma, arial, sans-serif; font-size: 11px; padding-top: 5px; padding-left: 22px; color: #FFF; margin: 0px;}
    
    .informujeme#market h2 {background: url("img/box-top-long-dark.gif") top left no-repeat;}
  
  .clanek-maly h3 {margin:0px;  margin-bottom: 2px; font-size: 14px; color: #506228; text-decoration: none; padding-left: 10px;}
    .clanek-maly h3 a:link, .clanek-maly h3 a:visited{font-size: 14px; color: #506228; text-decoration: underline; }
      .clanek-maly#tmavy h3 a:link, .clanek-maly#tmavy h3 a:visited {color: #B13A60;}
    .clanek-maly h3 a:hover {text-decoration: none;}            
    .clanek-maly strong {padding-left: 10px;}
    .clanek-maly p {padding: 3px;  }
    .clanek-maly div { text-align: left; padding-left: 10px;}
  .starsi-clanky {display: block; color: #506228; text-align: right; font-weight: bold; margin-top: 10px; margin-right: 10px;}
     .clanek-maly#tmavy div a:link.starsi-clanky, .clanek-maly#tmavy div a:visited.starsi-clanky {color: #B13A60; display: block; font-weight: bold; margin-top: 10px}
    
  .prehled {margin-left: 25px;}     
  .clanek-perex {text-align: justify; margin-right: 20px; margin-bottom: 10px;}

#clanek {margin-left: 10px;}
#clanek, #clanek p {text-align: justify;}
#clanek p {margin: 0px; margin-bottom: 4px; line-height: 1.35; padding: 0px;}
#clanek ul li {list-style-type: square; line-height: 1.5;}
#clanek h2, #clanek h2 a { margin: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #506228;    background-color: #FFF; border:0px; background: none; padding: 0px;}

#clanek h3 { margin-top: 7px; margin-bottom: 4px; font-size: 14px; font-weight: bold; color: #506228;   background-color: #FFF; border:0px; background: none; padding: 0px;}
#clanek h4  {margin-top: 4px; margin-bottom: 3px; font-size: 13px; font-weight: bold;    background-color: #FFF; border:0px; background: none; padding: 0px;}
#clanek div div p {text-align: center;  margin-left: 2px; margin-right: 2px;}

#clanek img {margin:12px;}
#perex {font-size: 13px; color:#6F6F6F; font-weight: bold; margin-top: 10px; margin-bottom: 5px;}  
     
#boxfield-left {position: absolute; top:270px; margin-left: -90px;}
#boxfield-left h3, #boxfield-right h3{background:url("img/ctverec.gif") 0 15% no-repeat; color: #D8275D; font-size: 11px; font-weight: bold; margin:0px; padding-left:10px; padding-bottom: 10px; margin-top: 10px; margin-right: 10px;}
#boxfield-left h3 a, #boxfield-right h3 a{ color: #D8275D; font-size: 11px; font-weight: bold; text-decoration: none;}
#boxfield-left h3 a:hover, #boxfield-right h3 a:hover {text-decoration: underline;}
#boxfield-left p, #boxfield-right p {margin: 0px; margin-left: 15px; margin-bottom: 10px; font-size: 10px; width: 150px; border: 0px dashed magenta; }
#boxfield-right p {width: 120px; border: 0px dashed red; }

.sedy {width: 140px; background-color: #F5F5F5;}
.dalsi { margin-right: 28px; display: block; color: #D8275D; text-align: right; font-weight: bold; margin-top: 10px; font-size: 10px; }


  #boxfield-left h2 {width: 188px; height: 27px; border: 0px dashed red; overflow: hidden; position:relative; padding:0px; margin:0px;  background:url("img/box-top-short-dark.gif") top left no-repeat; color: #FFF; font-size: 11px; font-weight: bold; padding-left: 28px; padding-top: 9px; margin: 0px;}
  .telo {width: 177px;  border: 0px dashed brown; background: url("img/box-body-short.gif") top left repeat-y; background-color: #F5F5F5; margin-top: -10px; padding-left: 10px; padding-top: 5px; padding-bottom: 15px;}
  .konec {width: 188px; height: 15px;  background:url("img/box-bottom-short.gif") top left no-repeat;}
  
  #box-aktualne {width: 190px;  border: 0px dashed brown; }
  #box-nejctenejsi {width: 180px;  border: 0px dashed cyan; margin-top:5px;}
  #box-dobre-tipy {width: 180px;  border: 0px dashed magenta; margin-top:5px; }
    #box-dobre-tipy .telo {padding-top: 20px;}
  #box-souteze {width: 180px;  border: 0px dashed yellow; margin-top:5px;}
  
#boxfield-right {position: absolute; top:270px; margin-left: 740px; border: 0px dashed blue;}
   #boxfield-right h2 {width: 156px; height: 27px; border: 0px dashed red; overflow: hidden; position:relative; padding:0px; margin:0px;  background:url("img/box-top-short-right.gif") top left no-repeat; color: #FFF; font-size: 11px; font-weight: bold; padding-left: 28px; padding-top: 7px; margin: 0px;}

   #boxfield-right .telo  {width: 139px; border: 0x dashed brown; background: url("img/box-body-short-right.gif") top left repeat-y; background-color: #F5F5F5; margin-top: -11px; padding-left: 1px; padding-top: 10px; border: 0px dashed orange; overflow: hidden;}
  #boxfield-right .konec{width: 156px; height: 20px;  background:url("img/box-bottom-short-right.gif") top left no-repeat;}
  
 
   .telo ul {margin-left: -15px;}
  #zajimave-odkazy { border: 0px dashed brown;}
  #zajimave-odkazy .telo, #dobre-tipy-2 .telo, #tagy .telo  {padding-left: 15px; margin-right: 5px;}  #adresar .telo  {padding-left: 15px; margin-right: 5px;}
  #tagy { border: 0px dashed brown;}
  #dobre-tipy-2 { height: 600px; border: 0px dashed brown;}
  

.left {float: left;}
.right {float: right;}      
.bar {}
.reklama {text-align: center;}
.link {width:97%; text-align: right; border: 0px dashed red; margin: right: 20px;}
.text {margin-top: 10px;}
.img-titulka {float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 5px;}
.datum {margin-top: 2px; margin-left: 10px; margin-right: 10px;}

.border img {border: 1px solid #000;}
img.nonborder {border: 0px;}
.nonborder img {border: 0px;}
.bold {font-weight: bold;}

.drobky {font-size:12px; color:#D8275D; font-weight: bold; margin-bottom: 15px;}
.drobky a:link, .drobky a:visited {color: #D8275D;}
.paging {width: 600px; text-align: center; border: 0px dashed cyan; margin-bottom: 10px; font-size: 14px; }
.paging a:link, .paging a:visited { color: #D8275D; font-size: 14px; text-decoration: underline; font-weight: bold; }
  

 hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

#paticka #design{color: #FFF; font-size: 10px; font-weight: bold; padding-left: 15px; padding-top: 5px; float: left; width: 650px;}
#paticka #copyright {float:right; color: #FFF; font-size: 10px; font-weight: bold; padding-right: 10px; padding-top: 5px;}

#clanek #paticka {height: 15px; background-color: #9BC911; padding: 3px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px; border-top: 2px solid #50730D; font-weight: bold; margin-top: 20px; margin-bottom: 10px;}
     
 .tagA {font-weight: bold; font-size: 140%;}
.tagB {font-weight: bold; font-size: 130%;}
.tagC { font-size: 120%;}
.tagD { font-size: 100%;}
.surveybox {margin-left: 8px; margin-right: 2px;}
.surveybox a:link, .surveybox a:visited {text-decoration: underline; color: #2CB24F;}
.surveybox h3 {font-size: 14px;}
.surveybox div { padding: 3px; font-size: 10px;}
 #a, #b, #c, #d, #e {background-color: #9BC911; margin-bottom: 4px; margin-top:2px; height: 8px;}       

/*)
#pagewidth-content {
padding-left: 10px; padding-right: 10px; padding-bottom: 2px;
}

h1#top {width: 960px; height: 135px; border: 0px dashed red; overflow: hidden; position:relative; padding:0px; margin:0px; }
h1#top span { display:block; border: 0px dashed black; position:absolute; left:0; top:0; z-index:1; width:960px; height:135px; margin:0; padding:0; background:url("img/top.jpg") top left no-repeat;}
h2 { height: 18px; background:url("img/sipka.gif"); background-position: 0% 50%; background-repeat: no-repeat; background-color: #702B0A; margin: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 11px; font-weight: bold; color: #FFF; padding-left: 15px; padding-top: 3px; border-top: 2px solid #E15613;}
h2.clanek, h2.clanek a{  margin: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #E15613;   background-color: #FFF; border:0px; background: none; padding: 0px;}
h3.akce{background:url("img/ctverec.gif") 0 10% no-repeat; color: #E15613; font-size: 11px; font-weight: bold; margin:0px; padding-left:10px; padding-bottom: 10px;}
h3.akce a{ color: #E15613; font-size: 11px; font-weight: bold; text-decoration: none;}
h3.akce a:hover {text-decoration: underline;}

a:link, a:visited {color: #702B0A;}
a:hover {text-decoration: underline;}

img {margin: 10px; margin-top: 10px; border: 1px solid #702B0A;}

INPUT.textbox {width: 200px; border: 1px solid #000;}
#q,  INPUT#text {width: 120px; border: 1px solid #000;}
.textarea { border: 1px solid #000; width: 300px; height: 100px;}
#hobbies {display: none;}
INPUT.submit {background: url("img/button.gif"); width:19px; height: 19px; border:0px;}

#menu { margin-top: 8px; background-color: #E15613; width: 960px; height: 25px;  border-top: 2px solid #702B0A; _overflow: hidden; }
  #menu-inside ul {border: 0px dashed green; margin-top: 5px; border: 0px dashed green;}
    #menu-inside li {display: inline;  margin-left: 5px; border: 0px dashed blue;}
      #menu-inside li  {padding-left: 8px;  background: url(img/cara.gif) left top no-repeat; height: 18px; width: 8px;}
      #menu-inside li a {font-weight: bold; color: #FFF; text-decoration: none;}
#body {margin-top: 8px;}



   #sidebar {
      float: left;
      width: 162px;
      margin:0; padding:0;
      }
   #sidebar-content {
      margin:0; padding: 0px;
      
      }
   #main {
      margin:0 0 0 172px; padding:0;
      }
   #main-content {
      margin:0; padding: 0px;
      font-size: 100%;
      }
      
  #sidebar-right {
      margin:0 0 0 636px; padding:0
      }
   #sidebar-right-content {
      margin:0; padding: 0px;
      
      border: 0px dashed white;
      
      }
   #main-main {float: left;
      width: 626px;
      margin:0; padding:0;
      ;
      }
   #main-main-content {
      margin:0; padding: 0px;
      border: 0px dashed red;
      font-size: 100%;
      }
      
   hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
#bottom {background-color: #E15613; height: 20px; color: #FFF; font-weight: bold; padding-top: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; margin-top: 20px;}

.left {float: left;}
.right {float: right;}      
.bar {}
.reklama {text-align: center;}

#main-main-content .reklama {text-align: center; width: 650px;}
.bar p {margin-top: 2px; font-size: 10px;}
#bar-nejctenejsi {}
#minimenu li {list-style-image: url("img/sipka-menu.gif");}
#minimenu a:link, #minimenu a:visited {text-decoration: none; color: #000;}
#minimenu a:hover {text-decoration: underline;}

.text {margin-top: 10px;}
.img-titulka {float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 5px;}
.border object{border: 1px solid #000;}
.border img {border: 1px solid #000;}
img.nonborder {border: 0px;}
.nonborder img {border: 0px;}
.bold {font-weight: bold;}
.datum {margin-top: 8px; margin-left: 10px;}

.clanek-maly {width: 291px;  background-color: #FFEEE5; float: left; margin-right: 10px; margin-bottom: 15px; padding: 5px; font-size: 11px; }
  .clanek-maly h2 {background:url("img/sipka-clanek.gif") 0% 50% no-repeat; background-color: #E15613; }
  .clanek-maly h3 {margin:0px; margin-bottom: 2px; font-size: 14px; color: #702B0A; text-decoration: none; }
    .clanek-maly h3 a:link, .clanek-maly h3 a:visited{font-size: 14px; color: #702B0A; text-decoration: underline; }
    .clanek-maly p {padding: 3px;  }
    .clanek-maly div { text-align: left;}
  .clanek-maly div a:link, .clanek-maly div a:visited {display: block; color: #702B0A; float: right; font-weight: bold; margin-top: 10px; }

.informujeme {width: 600px;  background-color: #FFEEE5; float: left; margin-right: 10px; margin-bottom: 15px; padding: 5px; font-size: 11px; }
  .informujeme h2 {background:url("img/sipka-clanek.gif") 0% 50% no-repeat; background-color: #E15613; }
  .informujeme h3 {margin:0px; margin-bottom: 2px;}
    .informujeme h3 {font-size: 14px; color: #702B0A; text-decoration: none; }
    .informujeme p {padding: 3px;}
  .informujeme div a:link, .informujeme div a:visited {display: block; color: #702B0A; float: right; font-weight: bold;margin-top: 10px;}

.drobky {font-size:12px; color:#702B0A; font-weight: bold; margin-bottom: 15px;}
.drobky a:link, .drobky a:visited {color: #702B0A;}

.link {width:97%; text-align: right; border: 0px dashed red; margin: right: 20px;}

.clanek-perex {text-align: justify; margin-right: 20px;}
#perex {font-weight: bold; margin-bottom: 15px; line-height: 1.35;}
#clanek, #clanek p {text-align: justify;}
#clanek p {margin: 0px; margin-bottom: 4px; line-height: 1.35; padding: 0px;}
#clanek ul li {list-style-type: square; line-height: 1.5;}
#clanek h2, #clanek h2 a { margin: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #702B0A;   background-color: #FFF; border:0px; background: none; padding: 0px;}

#clanek h3 { margin-top: 7px; margin-bottom: 4px; font-size: 13px; font-weight: bold; color: #702B0A;   background-color: #FFF; border:0px; background: none; padding: 0px;}
#clanek h4  {margin-top: 4px; margin-bottom: 3px; font-size: 11px; font-weight: bold;    background-color: #FFF; border:0px; background: none; padding: 0px;}

.screen {float:left;}
.webpopis {float:left; width: 450px;}


.paging {width: 600px; text-align: center; border: 0px dashed cyan; margin-bottom: 10px; font-size: 14px; }
.paging a:link, .paging a:visited { color: #702B0A; font-size: 14px; text-decoration: underline; font-weight: bold; }
  
.ruzovy_ram { background-color: #FFEEE5;}

*/
 .skryto-pred-tiskem {display:none;}