/* CSS Document */

/******reset********/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
  margin: 0; 
  padding: 0; 
}

/******zakladni veci*********/

body {
  background: #c8c8c8;
  color: #666666;
  font-family: 'Arial', Courier, sans-serif;
  text-align: center;
}

a {color: #0014a8;}

a:hover {color: #5d6a2f;}

img {border: none; }

hr {width: 750px; margin: 10px auto 10px auto; text-align: center;}

.cleaner {clear: both;}

p {font-size: 0.8em;}

/***** layout ********/

#container {
  width: 900px;
  height: auto;
  margin: 0 auto;
}

#header {
  height: 117px;
  width: 900px;
  background: #dadada url('../img/header.jpg') 0% 0% no-repeat;
}

#content {
  width: 900px;
  height: auto;
  background: #fff url('../img/content.jpg') 0% 0% no-repeat;
  margin-top: 15px;
  overflow: hidden;
}

#content_konec {
  background: #fff url('../img/content_konec.jpg') 0% 0% no-repeat;
  width: 900px;
  height: 17px;
  margin-top: 40px;
  overflow: hidden;
}

#menu { 
  width: 850px;
  margin: 20px auto 0 auto;
}

#obsah {
  width: 790px;
  height: auto;
  margin: 15px auto 30px auto;
}

/******header*******/

#header h2{
  height: 117px;
  width: 215px;
  float: right;
  font: 1.1em lighter;
  position: relative;
  overflow: hidden;
}

#header h2 a{
  cursor: pointer;
  text-decoration: none;
  color: #c4007b;
}

#header h2 a span{
  background: transparent url('../img/logo-pokorny.jpg') 0% 0% no-repeat;
  left: 0;
  height: 117px;
  position: absolute;
  width: 215px;
  z-index: 2;
}

/****** menu *******/

#menu ul {
  font-size: 1.0em;
  letter-spacing: 0.01em; 
  list-style: none;
  float: right; 
}

#menu li {
  display: block;
  float: left;
  padding: 0 3px; 
}

#menu li a {
  text-decoration: none;
  color: #666666;
}

#menu li a:hover, #menu li a.active {
  color: #3a3a91;
}

/******** logo*******/

#logo {
  width: 900px;
  height: 163px;
}

#logo h1 {
  font: 1.4em lighter;
  position: relative;
  overflow: hidden;
  text-align: left;
  padding-left: 20px;
  height: 163px;
}

#logo h1 a {
  cursor: pointer;
  text-decoration: none;
  color: #171a85;
}

#logo h1 a span {
  background: transparent url('../img/logo_hlavni.jpg') 0% 0% no-repeat;
  left: 0;
  position: absolute;
  height: 163px;
  width: 900px;
  z-index: 2;
}

/********* obsah *******/
/*index*/

.index_menu {
  width: 233px;
  height: 233px;
  margin: 15px;
  _margin: 15px 13px;
  float: left;
  background: #f4f4f4;
}

.index_menu h3 {
  width: 233px;
  height: 233px;
  font: 1.3em lighter;
  letter-spacing: 0.01em;
  position: relative;
  overflow: hidden;
}

.index_menu h3 a {
  cursor: pointer;
  text-decoration: none;
}

.index_menu h3.ryba a {color: #5fe850;}
.index_menu h3.sport a {color: #00b4be;}
.index_menu h3.ochranne a {color: #ff8000;}
.index_menu h3.technicke a {color: #ff0080;}
.index_menu h3.volierove a {color: #1e1eff;}
.index_menu h3.galerie a {color: #8000d0;}
.index_menu h3.ryb a {color: #788c00;}

.index_menu h3 a span {
  left: 0;
  position: absolute;
  width: 233px;
  height: 233px;
  z-index: 2;
}

.index_menu h3.ryba a span {background: transparent url('../img/ryba.jpg') 0% 0% no-repeat;}
.index_menu h3.sport a span {background: transparent url('../img/sport.jpg') 0% 0% no-repeat;}
.index_menu h3.ochranne a span {background: transparent url('../img/ochranne.jpg') 0% 0% no-repeat;}
.index_menu h3.technicke a span {background: transparent url('../img/technicke.jpg') 0% 0% no-repeat;}
.index_menu h3.volierove a span {background: transparent url('../img/volierove.jpg') 0% 0% no-repeat;}
.index_menu h3.galerie a span {background: transparent url('../img/galerie.jpg') 0% 0% no-repeat;}
.index_menu h3.ryb a span {background: transparent url('../img/ryb.jpg') 0% 0% no-repeat;}

/*pozadi+nadpisy*/

.o_nas, .galeria, .kontakty, .cenik, .rybarske, .ochr-siete, .tech-siete, .vol-siete, .mapka {text-align: justify;}

.rybarske {background: url('../img/rybarske-pozadi.jpg') 50% 10px no-repeat; padding-top: 20px;}
.ochr-siete {background: url('../img/ochranne-pozadi.jpg') 50% 10px no-repeat; padding-top: 20px;}
.tech-siete  {background: url('../img/technicke-pozadi.jpg') 50% 10px no-repeat; padding-top: 20px;}
.vol-siete  {background: url('../img/volierove-pozadi.jpg') 50% 10px no-repeat; padding-top: 20px;}
.galeria  {background: url('../img/galeria-pozadi.jpg') 50% 10px no-repeat; padding-top: 20px;  height: auto; min-height: 440px; height: expression(this.scrollHeight < 440? "440px" : "auto" );  }
.sportove {background: url('../img/sportove-pozadi.jpg') 50% 10px no-repeat; padding-top: 20px; overflow: hidden;}

.o_nas h3, .galeria h3, .kontakty h3, .cenik h3, .rybarske h3, .ochr-siete h3, .tech-siete h3, .vol-siete h3, .mapka h3  {
  font-size: 1.4em;
  letter-spacing: 0.05em;
  color: #3a3a91;
  text-indent: 10px;
  margin: 0 0 10px 0;
  text-align: left;
}

.galeria h3 {color: #6c468f;}
.rybarske h3 {color: #5d6a2f; font-size: 1.5em; text-indent: 20px;}
.rybarske h3 span {font-size: 0.6em;}
.rybarske h5 {margin: 10px 0; color: #5d6a2f;}
.rybarske li a:hover, .rybarske a:hover {color: #5d6a2f;}
.rybarske hr {color:#5d6a2f; border-style: dotted;}
.ochr-siete h3 {color: #ff9b00; font-size: 1.4em; text-indent: 20px;}
.ochr-siete a { font-size: 0.9em;}
.ochr-siete a:hover {color: #ff9b00;}
.tech-siete h3 {color: #ff0000; font-size: 1.5em; text-indent: 20px;}
.vol-siete h3 {color: #4259a8; font-size: 1.4em; text-indent: 20px;}
.vol-siete hr {color: #4259a8; border-style: dotted;}
.vol-siete h4 {color: #4259a8; font-size: 0.95em; text-indent: 20px; text-align: left; }
.vol-siete a:hover {color: #4259a8;}
.tech-siete h4, .rybarske h5 {font-size: 0.95em; margin: 0 0 10px 30px;}
.tech-siete h4 {color:#ff5151; }
.tech-siete hr {color: #ff0080; border-style: dotted;}
.sportove h3 {color:#1eacb5 ;font-size: 1.7em;letter-spacing: 0.05em;text-indent: 10px;margin: 0 0 20px 0;text-align: left;}

.o_nas h4 {
  font-size: 0.95em;
  letter-spacing: 0.01em;
  color: #3a3a91;
  text-indent: 10px;
  margin: 40px 0 5px 0;
}

.kont h5, .rybarske h5 {
  font-size: 1.0em;
  letter-spacing: 0.01em;
  text-indent: 20px;
  margin: 15px 0 5px 0;
}

.galeria h4 {
  font-size: 1.05em;
  letter-spacing: 0.01em;
  text-indent: 20px;
  margin: 20px 0 5px 0;
}

.galeria h4 a {color: #8b8b8b; text-decoration: none;}
.galeria h4 a:hover {color: #6c468f;}
.galeria h4.color {color:  #81639d;}

.rybarske h4 {
  text-indent: 85px;
  margin: 20px 0 0 30px;
  height: 80px;
  line-height: 70px;
  color: #5d6a2f;
  font-size: 1.0em;
}

.ochr-siete h4 {color: #ff9b00; font-size: 0.90em; text-indent: 20px;}
.ochr-siete hr {color: #ff9b00; border-style: dotted;}

/*texty*/


.o_nas p, .ochr-siete p, .vol-siete p, .sportove p  {font-size: 0.80em; letter-spacing: 0.01em; padding: 5px 20px;}
.ochr-siete p, .rybpodstr, .sportove p {padding-left: 30px;}
.sportove p{text-align: justify;}
.rybpodstr {margin-top: 15px;}
.rybpodstr span {font-weight: bold; color: #5d6a2f;}
.vloz {margin-top: 40px;}
.tesime {line-height: 30px;}
.vazeni {line-height: 30px;}
.vazeni span {font-size: 1.0em;}
.vazeni strong {font-size: 1.1em; font-style: italic;}
.stred {text-align: center;}
.rybarske br {margin: 5px 0;}

.o_nas ul, .vol-siete ul {
  font-size: 0.8em;
  letter-spacing: 0.01em;
  padding: 5px 20px;
  margin: 0 0 0 50px;
}

.rybarske ul, .ochr-siete ul {list-style: none;  margin-left: 35px; line-height: 20px;}

.ochr-siete ul {margin-top: 20px; line-height: 25px;}

.rybarske ul a {
  color: #666666;
  font-size: 1.00em;
  font-weight: bold;
}

.rybarske ul.normalni a {
  color: #0005e3;
  font-size: 1.00em;
  font-weight: normal;
  line-height: 30px;
}

.rybarske ul li a:hover {color: #5d6a2f;}
.o_nas hr {width: 770px; color: #b0b0b0;}
.galeria hr {color:  #6c468f; border-style: dotted;}
.rybarske ul.sezryb {list-style: disc; margin: 20px 0 20px 50px; font-size: 0.80em;}
span.italic {font-style: italic; font-size: 0.75em; color: #666; font-weight: normal;}
.rybarske span.red {color: #e51100;}

/*kontakty+cenik*/

.kont {width: 250px; float: left; height: auto;}
.kont2 {width: 220px; float: right; height: auto; margin-top: 50px;}
.kontakty p, .galeria p, .mapka p {padding-left: 20px;}
.kontakty img, .ochr-siete img {margin: 30px 0 0 170px;}
.cen {text-align: center;}

.kontakty form {margin: 20px 0; text-align: center;}

.kontakty fieldset {
  border: none;
  width: 300px;
  margin: 20px auto 0;
}

.kontakty fieldset label, .kontakty fieldset div label, .kontakty fieldset div.ceniky input {float: left;}

.kontakty fieldset div {
  width: 300px;
  height: 30px;
  margin: 2px 0;
}

.kontakty fieldset div input, .kontakty fieldset textarea {float: right;}

.kontakty fieldset div.ceniky {
  width: 150px;
  height: 80px;
  margin: 2px 0;
  float: right;
}

.kontakty fieldset div.ceniky p {padding: 0;text-indent: 10px; text-align: left;}

.button {width: 80px; margin: 5px auto;}

/*obrazky+tabulky*/

.aktivne {background: url('../img/aktivne.gif') 0% 0% no-repeat;}
.staticke {background: url('../img/staticke.gif') 0% 0% no-repeat;}
.manipulacne {background: url('../img/manipulacne.gif') 0% 0% no-repeat;}

.ochr-siete table, .rybarske table {border: none; text-align: center; font-size: 0.8em; margin: 10px 0 10px 50px;}
.ochr-siete table tr {width: 300px;}
.ochr-siete table tr td {padding: 3px 10px 3px 10px;}
.ochr-siete table tr td span {font-weight: bold;}
.gray {background: #f0f0f0;}

.flle {float: left;}
.flri {float: right;}
.ochr-siete img {margin: 0 0 0 5px;}
img.ochpr {margin: 0 25px 0 5px;}
img.prvni{margin-left: 20px;}
img.prvni2{margin-left: 30px;}
img.prvni3{ margin-left: 30px; float: left; border: none;}
img.ochranejobr {margin-left: 170px;}
.vol-siete table{width: 720px; margin: 10px auto 20px auto; font-size: 0.80em; text-align: center;}
.vol-siete table td {width: 180px;}

.tmavy {background: #c4c892;}
.tmavsi {background: #dfe0c4;}
.svetlejsi {background:#f0f0e3;}
.sporten {margin: 35px auto 0 auto; font-size: 0.80em;}
.velka tr td, .velka tr th {padding: 3px 10px 3px 10px;}
.sporten tr td, .sporten tr th {padding: 1px 10px 1px 10px;}
.floatright {float: right; margin: 10px 20px 10px 10px; border: none;}
.floatleft {float: left; margin: 10px 10px 10px 10px; border: none;}


/******sportovni site******/


.sport{text-align: left; font-weight: bolder;}
.sportb{text-align: left; font-weight: bolder;}
.sport_img{border: none;}
.sportove p{font-size: 0.80em; letter-spacing: 0.01em; padding: 5px 20px; padding-left: 30px; text-align: left;}
.sportove h4{color:#1eacb5; font-size: 0.95em; text-indent: 20px; text-align: left;}
.sportove hr{width: 750px;margin: 10px auto 10px auto;color: #fff;border-top: dotted #1eacb5;}
.prava{padding-right: 140px;float: right;}
.leva{margin-left: 30px; margin-top: 0px; float: left;}
.prvfl{float:left; margin-left: 20px;}
.nadpis{font-weight:bolder;}
.levyseznam{float:left;list-style:none;text-align:left;margin-left:20px;}
.levyseznam li{padding-bottom:10px;}
.levyseznam li a{color:#1eacb5;font-weight:bolder;text-decoration:none;}
.levyseznam li a:hover{color: #5088ED;font-weight:bolder;text-decoration:none;}
.pravyseznam{list-style:none;text-align:left;float:right;margin-right:45px;}
.pravyseznam li{padding-bottom:10px;}
.pravyseznam li a{color:#1eacb5;font-weight:bolder;text-decoration:none;}
.pravyseznam li a:hover{color: #5088ED;font-weight:bolder;text-decoration:none;}
.sportove h3 {color:#1eacb5 ;font-size: 1.7em;letter-spacing: 0.05em;text-indent: 10px;margin: 0 0 20px 0;text-align: left;}
.sportove table{border: none; text-align: center; font-size: 0.9em; margin: 10px 0 10px 50px;}
.sportove table tr {width: 300px;}
.sportove table tr td {padding: 3px 10px 3px 10px;}
.span{font-weight: normal;font-size: 0.65em;}
.prvri{float: right;margin-right: 30px;}
.sportove img.prvni {margin-left: 30px;float:left;}

/******** mapa *********/

.mapka ul {
margin: 20px 0 0 40px;
list-style: none;
}

.mapka ul li {
margin: 10px 0 10px 0px;
}

.mapka ul li a{
font-weight: bold;
}

.mapka ul li ul {
margin: 0 0 0 10px;
}

.mapka ul li ul li {
margin: 10px 0 10px 0;
background: url('../img/mapa.gif') 0% 25px no-repeat;
text-indent: 110px;
}

.mapka ul li ul li a{
font-weight: normal;
}

.mapka ul li ul li.normalodr {background: url('../img/mapa.gif') 0% 0px no-repeat;}

.mapka ul li ul li ul {
margin: 0 0 0 140px;
}

.mapka ul li ul li ul li {
margin: 3px 0 3px 0;
background: url('../img/mapa2.gif') 92px 5px no-repeat;
text-indent: 110px;
}

.mapka ul li ul li ul li.prvniodr {background: url('../img/mapa.gif') 0px 0px no-repeat;}
.mapka ul li ul li.druhaodr {background: url('../img/mapa2.gif') 92px 30px no-repeat; }
.mapka img {border: none; margin: 0 auto;}

.hidden { display: none; }