/* struktura ---------------------------------- */


body {
  margin: 0;

  padding:0;
  font: 0.7em Tahoma,Verdana,sans-serif;
  font-family:Georgia,Serif;
  background: #aa9  url("../img/bg_pg_bm.gif") left top repeat;

  }

#main {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-color: #A11414;
  border-style: solid;
  border-width: 0px 1px 1px 1px;


}

#container {
  text-align: left;


}

#header {
  margin: 0;
  padding: 5px 0 0 0;
  background: #FE5858;
  height: 100px;
  }

#header-frame {
  margin: 0;
  background: #FE5858;
  height: 50px;
  width: 100%;
  float: left;
}

#header img {
  border: 0;
}

#logo {
  margin: 0 0 0 0px;
  width: 500px;
  float: left;
}
#wap {
  margin: 10px 0 0 35px;
  float: left;
  line-height: 180%;
  text-align: center;
}
#wap h2 {
  text-align: center;
  color: white;

}

#head-frame #logo {
  margin: 0 0 0 0px;
  width: 300px;
  float: left;
}
#head-frame #wap {
  margin: 13px 0 0 35px;
  float: left;
  line-height: 120%;
  text-align: center;

}
#head-frame #wap h2 {
  text-align: center;
  color: white;
  font-size: 110%;
  width: 450px;

}

.left {
  float: left;
  width: 530px;


}

.right {
  float: left;
  width: 230px;
}

#footer {
  text-align: center;
  clear: left;
  padding: 10px;
  background: #EA5656;
  color: white;
}
#footer p {
  margin:0;
  }

.content {
  width: 100%;



}

.content .top{
  width: 100%;
  float: left;
  background: #FAAEAE url("../img/bg_container_top.gif") left top repeat;
  height: 30px;
}

.content .body{
  width: 100%;
  float: left;
  background: #FAAEAE url("../img/bg_container.gif") left top repeat;

}

/* ------- */




/* titulky */

.top .title {

  color: #8C1212;
  margin-left: 20px;
}

.top .select {

  color: #8C1212;
  float: left;
  padding: 0.5em 0em 0.5em 8em;

}

/* vypis nejnovejsich galerii */

.body .left .row {

  color: #8C1212;
  float: left;
  margin: 3px 2px 2px 10px;

}

.body .left .row1 {

  color: #8C1212;
  float: left;
  margin: 3px 2px 2px 10px;
  background: #E5AEAE;

}

.body .left .img {

  width: 30px;
  float: left;

}

.body .left .count {
  margin: 8px 2px 2px 10px;
  width: 120px;
  float: left;

}

.body .left .link {
  margin: 8px 2px 2px 20px;
  width: 40px;
  float: left;
  display: none;

}
.body .left .name {
  margin: 14px 2px 2px 2px;
  width: 320px;
  float: left;

}

.body .left .visit {

  width: 120px;
  float: left;

}

.body .left .listovani {

  clear: left;
  margin: 20px 0px 20px 20px;

}

.body .left .cislo {

  font-weight: bold;

}



/* vypis nejnavstevovanejsich galerii */

.body .right .row {
  color: #8C1212;
  float: left;
  margin: 3px 2px 2px 10px;

}

.body .right .row1 {

  color: #8C1212;
  float: left;
  margin: 3px 2px 2px 10px;

}

.body .right .img {

  width: 30px;
  float: left;


}

.body .right .count {
  margin: 8px 2px 2px 10px;
  width: 110px;
  float: left;
  overflow: hidden;

}

.body .right .link {
  margin: 14px 2px 2px 20px;
  width: 35px;
  float: left;
  overflow: hidden;
}
.body .right .name {
  margin: 8px 2px 2px 2px;
  width: 110px;
  float: left;
  display: none;

}

.body .right .visit {

  width: 110px;
  float: left;
  overflow: hidden;
}

.body .right .listovani {

  clear: left;
  margin: 0px 0px 0px 20px;
  text-align: center;

}

.body .right .cislo {

  font-weight: bold;

}


/* ------- */


h1, h2, h3 {
  margin:0.5em 0 .5em;
  font-family:Georgia,Serif;
  font-weight:normal;
  clear:both;
  float: left;
  width: 200px;
  }
h1 {
  margin-top:.5em;
  font-size:180%;
  }
h2 {
  font-size:140%;
  }
h3 {
  font-size:125%;
  }


/* =Links
----------------------------------------------- */
a {
  color:black;
  text-decoration:none;
  }
a:hover {
  color:#8C1212;
  text-decoration:underline;
  }
a img {
  border: 1px solid #8C1212;
  }




p {
  margin:0 0 .75em;
  line-height:1.3em;
  }

img {

  border: 1px solid #8C1212;

}

.no-border {

  border: 0;

}

select {

  font-size: 90%;

}


.clr {

clear: both;

}

/* =Footer
----------------------------------------------- */


  /*----------------------------------------------- */
#nav {
  background: #fff  url("/img/bg_nav.gif") left top repeat-x;
  width:100%;
  padding:0;
  height:3em;
  }
#nav ul {
  margin:0;
  padding:10px 12px 0;
  list-style:none;

  }
#nav li {
  float:left;
  display:inline;
  margin:0;
  padding:.25em 8px;

  background: url("/img/dotlink.gif") left top no-repeat;
  line-height:1em;
  text-indent:0;

  }
#nav a, #nav strong {


  display:block;
  color:#FFF;
  margin-top:3px;

  border-width:0;
  font-size:95%;
  text-transform:lowercase;
  }
#nav a strong {


  font-size:100%;
  margin-top:0;
  padding:0;
  }
#nav strong {

  color:#FF0;
  }
#nav a:hover {
  color:#FF0;
  }