/* Made by MiPo in 2007 */
@import url('fool.css');

@media all {
  * {margin: 0; padding: 0;}
  body {font-family: Georgia, "New York CE", utopia, serif; font-size: 100%; line-height: 140%;}

  h1 {font-size: 600%;}
  h1 span#meno {position: absolute; display: block; font-size: 15%;}  
  h2#slogan {position: absolute; right: 0; width: 410px; text-align: center;}
  
  h2.index {text-align: right; padding-top: 20px; color: white !important;}
  .referencia {width: 205px; padding-left: 25px; margin-bottom: 15px; float: left;}
  .referencia h3 {margin: 5px; font-size: 100%;}
  .referencia a {padding: 5px; display: block; width: 180px; height: 88px;}
  .referencia h3 a {display: inline;}
  
  #obsah h3 {font-size: 100%; margin: 5px 0 5px 20px;}
  #obsah h4 {font-size: 100%; font-weight: normal; margin-bottom: 2px;}
  p {text-align: justify; text-indent: 30px; margin-top: 5px;}
  #obsah strong {color: #be0000; background-color: black;}
  p#mail {background-color: black; border: 3px groove white; padding: 3px; margin-bottom: 10px;}
  p.bez {text-indent: 0;}
  
  fieldset {margin: 15px 0; padding: 10px 40px; border: none;}
  legend {font-weight: bold; margin-left: -30px;}
  #kontaktne-udaje label {float: left; width: 60px; padding-right: 10px; text-align: right;}
  input {margin-bottom: 5px;}
  input#button {text-align: center; width: 80px; height: 30px;display: block; margin: 0 auto 30px auto; font-weight: bold;}
  table {width: 100%; margin: 20px 0;}
  table td {padding: 3px; border: none;}
  #stlpec {float: left; width: 205px;}
  address {margin-bottom: 10px; font-style: normal;}
  #male, .male {font-size: 90%;}
  
  #obsah ul {margin: 25px; list-style-type: square; text-align: justify;}
  p#screenshoty, p.screenshoty {text-indent: 0; text-align: center;}
  p#screenshoty img, p.screenshoty img {margin-bottom: 20px;}
  
  a {color: white;}
  a:hover {background-color: #b50000;}
  h1 a {text-decoration: none;}
  h1 a:hover {background-color: transparent;}
  
	#stat, hr {display: none;}
}

@media screen, projection {
  html {background: black url("pattern_vertical3.jpg") repeat-x;}
  #obal {background: transparent url("gradient-maly.jpg") bottom left repeat-x;}
  body {text-align: center; color: white; background: transparent url("cerveny-pruh.png") repeat-x;}
	#o-obsah {width: 29em; margin: 0 auto; padding: 230px 0 0 19em; text-align: left; position: relative;}
  #obsah {position: relative; z-index: 2;}
  
  h1 {position: absolute; top: 15px; left: 0; height: 150px; width: 230px; padding: 153px 100px; background: transparent url("listy-hore2.png") no-repeat;}
  h1 span#meno {top: 197px; left: 115px;}
  h2#slogan {top: 60px; font-size: 125%;}
  
  #obsah h2 {text-align: right; margin: 10px 15px 25px 0; color: #be0000; clear: both;}
  
  ul#menu {position: absolute; top: 270px; left: 100px; list-style-type: none;}
  ul#menu li {margin-bottom: 5px;}
  ul#menu a {font-size: 130%; text-decoration: none; border-bottom: 2px solid #680000;}
  ul#menu a:hover {border-bottom: 2px solid white;}
  
  h2.kontakt {position: absolute; top: 390px; left: 83px; font-size: 110%; background-color: black; font-weight: normal; color: #be0000;}
  ul.kontakt {position: absolute; top: 420px; left: 87px; list-style-type: none;}
  ul.kontakt ul {list-style-type: none; margin-top: -23px; margin-left: 50px;}
  
  p#odkazy a {background-color: #be0000; padding: 2px 5px; margin-right: 50px; text-decoration: none;}
  p#odkazy a:hover {background-color: white; color: #be0000;}
  
  div#pata {height: 40px; padding: 18px 0 0 100px; margin-top: 140px; position: relative; background-color: black;}
  div#pata span {position: absolute; bottom: 0; left: -30px; display: block; height: 172px; width: 92px; background: transparent url("pata.png") no-repeat;}
}

@media handheld {
}

@media print {
  h1 {position: relative; height: 70px; padding: 35px 0 0 30px;}
  h1 span#meno {top: 72px; left: 33px;}
  h2#slogan {top: 40px; font-size: 100%;}
  #obsah h2 {margin: 10px 25px;}
  ul#menu, p#odkazy {visibility: hidden;}
}

@media aural {
	* {volume: medium; speech-rate: medium;}
	abbr {speak: spell-out}
	h1, h2 {pause-before: 200%}
	h3, h4 {pause-before: 180%}
	p {pause-before: 120%}
	#stat, hr {speak: none;}
}