body {
  background : #fff;
  color : #333;
  font-family : Verdana, "Geneva CE", lucida, sans-serif;
  font-size : 85%;
  line-height : 1.5;
  margin : 0 auto 10px auto;
  text-align : center;
  width : 950px;
}


a {
  border : 0;
  color : #00c;
  padding : 0.2em;
  text-decoration : underline;
}
a:hover, a:focus, a:active {
  background-color : #00c;
  color : #fff;
  text-decoration : none;
}
a img {
  border : 2px solid #00c;
  padding : 0;
  text-decoration : none;
}
a:hover img, a:active img, a:focus img {
  background : none;
  border : 2px solid #fff;
}


div#obsah {
  float : left;
  margin-bottom : 1em;
  text-align : left;
  width : 710px;
}
div#ostatni {
  clear : right;
  float : right;
  width : 183px;
}
div#patka {
  margin-top : 30px;
  position : relative;
  width : 400px;
}
div#patka p {
  font-size : 85%;
  text-align : center;
  text-indent : 0 !important;
}
div#patka p a img, div#patka p a:hover img {
  border : 0;
  height : 15px;
  margin-right : 10px;
  width : 80px;
}

h1 {
  background : url("logo-pozadi.jpg");
  font-size : 300%;
  height : 200px;
  margin : 0 auto;
  overflow : hidden;
  width : 950px;
}
h1 a {
  color : #369;
  display : block;
  margin-top : 50px;
  padding : 0;
  text-decoration : none;
}
h1 a:hover, h1 a:focus, h1 a:active {
  background : none;
  color : inherit;
}

ul#menu {
  float : right;
  font-size : 120%;
  font-weight : bold;
  list-style-type : none;
  margin : 2em 0 0 0;
  padding : 0;
  text-align : left;
}
ul#menu li {
  background : #369;
  border : 1px solid #369;
  border-left-width : 5px;
  color : #fff;
  margin : 0 0 2px 0;
  overflow : hidden;
  width : 200px;
}
ul#menu li a {
  background : #fff;
  color : #369;
  display : block;
  height : 100%;
  padding : 0;
  text-decoration : none;
  width : 100%;
}
ul#menu li a:hover {
  background : none;
  color : #fff;
}
ul#menu li span {
  display : block;
  line-height : 1.8em;
  margin-left : 10px;
}


h2 {
  color : #369;
  font-size : 180%;
   margin : 1em 0 0 0;
}
h3 {
  font-size : 130%;
}

dl {
  margin-top : 1em;
}
dt {
  font-weight : bold;
  margin-bottom : 0.2em;
}
dd {
  margin : 0 0 1.5em 0.8em;
}

hr {
  background-color : #00c;
  border : 0;
  color : #00c;
  height : 1px;
  margin : 1em auto;
  width : 400px;
  clear : both;
}


#obsah p {
  margin-top : 1em;
}
#obsah ul {
  list-style-image : url("sipka.png");
}
#obsah ul#tick {
  list-style-image : url("tick.png");
}
#obsah ul li {
  margin-left : 0.5em;
  padding-left : 0.2em;
}
#obsah ul#tick li {
  padding-left : 0.5em;
}
#obsah address {
  margin : 0.5em 0 0 0;
  font-style : normal;
}
#obsah img {
  margin : 0.5em;
}
#obsah a:hover img {
  border : 2px #ccc solid;
}


form {
  margin : 1em 0;
}
form fieldset {
  border : 1px solid #ccc;
  padding : 0 0.8em;
  width : 85%;
}
form legend {
  color : #369;
  font-weight : bold;
  padding : 0.6em;
}
form label {
  font-size : 85%;
}
form input, form select, form textarea {
  margin-bottom : 0.6em;
}
form input, form textarea {
  padding : 0.2em;
}
form input#reset {
  margin-left : 1em;
}
form textarea {
  font-family : inherit;
  font-size : 110%;
}
form input.noborder {
  margin-bottom : 0;
}

form#hledani input#send {
  width : 8em;
}

form#vyhledavani {
  width : 35em;
}
form#vyhledavani input#odeslat {
  margin : 1em 0 0.8em 0;
  width : 12em;
}

form#hodnoceni input, form#zobrazit input {
  margin-bottom : 0;
}
form#zobrazit input#zobraz {
  margin : 0.6em 0;
}

form#login {
  margin : 1em auto;
  width : 20em;
}
form#login input#prihlasit {
  margin : 1em 0 0.8em 0;
  width : 10em;
}

form#delete {
  margin : 1em auto;
  width : 20em;
}
form#delete input#smazat {
  margin : 1em 0 0.8em 0;
  width : 10em;
}

form#zapomnel {
  margin : 1em auto;
  width : 23em;
}
form#zapomnel input#zaslat {
  margin : 1em 0 0.8em 0;
  width : 11em;
}


#obsah p.pridatk {
  margin : 1em auto;
  width : 16em;
}
#obsah p.pridatk a {
  background-color : #eee;
  border : 3px outset #ccc;
  display : block;
  height : 100%;
  padding : 0.2em 0;
  text-decoration : none;
  width : 100%;
}
#obsah p.pridatk a:hover, #obsah p.pridatk a:focus, #obsah p.pridatk a:active {
  background-color : #ffd;
  color : inherit;
}
#obsah p.pridatk a:active {
  border-style : inset;
}


#obsah div.komentar {
  background-color : #ffffef;
  border : 1px solid #ccc;
  margin-top : 1em;
}
#obsah div.komentar p {
  background-color : #fff;
  border : 1px solid #ddd;
  padding : 0.5em;
  margin : 0.5em;
}
#obsah div.komentar p.head {
  border : 0;
  background : none;
  padding : 0;
}


div.cloud {
  position : absolute;
  right : -330px;
  text-align : center;
  top : 0;
  width : 350px;
}
div.cloud a#link-scs-signaly {
  font-size : 260%;
}
div.cloud a#link-jukebox {
  font-size : 200%;
}
div.cloud a#link-milujtese {
  font-size : 260%;
}
div.cloud a#link-fatym {
  font-size : 200%;
}
div.cloud a#link-tvmiscz {
  font-size : 160%;
}
div.cloud a#link-tvmiscom {
  font-size : 120%;
}
div.cloud a#link-amims {
  font-size : 200%;
}


#obsah .noindent {
  text-indent : 0;
}
.malepismo {
  font-size : 85%;
}
.center {
  text-align : center;
  text-indent : 0;
}
.red {
  color : #f00;
}
.invisible {
  height : 1px;
  overflow : hidden;
  position : absolute;
   top : -10000px;
   left : 0;
}

p.malepismo a img {
  background : none;
  border : 2px solid #fff;
}

