@charset "utf-8";
/* CSS Document */

body, p, form, img, table, tr, th, td, h1, h2, h3, h4, h5, div { border: 0 none; margin: 0; padding: 0; }
body { font-family: Arial, Tahoma, Verdana; color: #000; text-align: justify; font-size: x-small; 
       line-height: 1.5; background: #fff url(../img/podklad2.jpg); }

/* GLOBAL */
html>body { font-size: small; }
h1 { font-size: 130%; font-weight: normal; margin-bottom: 15px; }
h2 { font-size: 110%; text-transform: uppercase; font-weight: normal; margin-bottom: 15px; }
.resetovac { float: none; clear: both; }
.error { color: #f00; }
p { margin: 0 0 15px 0 }
a { color: #ff0020; text-decoration: none; }
a:hover { color: #ff0020; text-decoration: underline; }
a.bile { margin-left: 200px; color: #fff; font-size: 1%; border-bottom: none; }
a.podtrzeny { color: #ff0020; text-decoration: none; border-bottom: 1px dotted #ff0020; }
a.podtrzeny:hover { color: #ff0020; text-decoration: none; border-bottom: 1px solid #ff0020; }
a.copyright { color: #000; text-decoration: none; }
a:hover.copyright { color: #000; text-decoration: underline; }
a.externi { color: #029FFC; padding-right: 13px; margin-right: 2px;
            background: url(../img/link-hover.gif) 100% 2px no-repeat; }
a:hover.externi { color: #ff0020; padding-right: 13px; margin-right: 2px;
                  text-decoration: none; border-bottom: 1px solid #ff0020;
                  background: url(../img/link.gif) 100% 2px no-repeat; }

/* OBAL */
#obal { margin: 0 auto; width: 701px; }

/* HEADER */
#top { position: absolute; top: 0; height: 51px; width: 680px;
       background: url(../img/hlavicka.jpg) no-repeat;
       padding: 237px 0 0 20px; }

/* CONTENT */
#obsah { margin: 287px 0 0 0; background-image: url(../img/podklad.jpg);
         width: 700px; min-height: 200px; }

/* FOOTER */
#zapati { background-image: url(../img/paticka.jpg); height: 27px;  width: 700px;
          font-size: x-small; padding-top: 9px; text-align: center; margin: 0 0 20px 0; }
#zapati1 { background-image: url(../img/podklad.jpg); height: 26px; width: 700px;
           font-size: 95%; text-align: center; }
/* PLAYER */
#player { height: 144px; width: 15px; position: relative; top: -5px; left: 520px; }
#youtube { border: 2px solid #000; width: 425px; margin: 0 auto; }

/* MENU */
#menu { width: 700px; font-weight: bold; margin-right: 30px; }
#menu table { position: absolute; top: 0; left: 0; }
#menu a { text-decoration: none; color: #ff0020; margin-right: 20px; list-style-type: none; text-transform: uppercase; }
#menu a:hover { background: #221E1F; /* Tady je problém u IE6 */ }
#menu li { float: left; right: 30px; position: relative; list-style-type: none; }
#menu ul { visibility: hidden; position: absolute; list-style-type: none; top: 18px; left: -22px; padding-top: 14px; }
#menu ul a { text-transform: uppercase; color: #00baff; padding-left: 10px; display: block; width: 150px; }
#menu ul li { float: none; font-size: 90%; background: #221E1F; width: 170px; height: 19px; list-style-type: none; padding-bottom: 10px; }
ul#menu :hover ul { visibility: visible; }

/* TEXT */
#text {
  width: 390px; 
  min-height: 150px;
  /* border-left: 1px solid #ff0020; */
  border-left: 1px solid #ff0020;
  font-size: small; 
  color: black; 
  float: left;
  text-align: justify;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0 30px 50px 30px;
  line-height: 1.8;
  }

#text2 {
  min-height: 150px;
  width: 170px;
  font-size: small; 
  color: black; 
  float: left;
  text-align: left; 
  margin-top: 50px;
  padding: 0 25px 50px 25px;   
  }

#text2 h3 {
  font-size: 120%;
  margin: 20px 0 10px 0;
}

#text2 span {
  color: #FC20C2;
}

#text3 {
  min-height: 150px;
  width: 170px;
  font-size: small; 
  color: black; 
  float: left;
  text-align: left; 
  margin-top: 50px;
  padding: 0 25px 50px 25px;   
  }

#text3 h3 {
  font-size: 120%;
  margin: 20px 0 10px 0;
}

#text3 span {
  color: #FC20C2;
}

#text3 a { /* color: #029FFC; */ color: #004a8c; text-transform: uppercase; text-decoration: none; font-size: 100%;
           font-weight: bold; display: block; margin: 5px 0; }

/* Formular kontakty začátek */

hr {
  height:1px; 
  width: 350px;
  background-color: #ff0020; 
  border: 0px solid #ff0020;
  clear:both;
  margin-left: 10px;
  margin-bottom: 20px;
}

form input,textarea {
  width: 150px;
  height: 15px;
  padding: 1px 2px;
  border:1px solid #039FFC;
  margin-bottom: 2px;
  background: #EFF9FF;
  color: #ff0020;
  font-size: 100%;
  font-family: Arial, Tahoma, Verdana;
}

form input.soubor {
  width: 150px;
  height: 20px;
}

form input.submit {
  width: 60px;
  height: 20px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: bold; 
  background: #039FFC url("/img/pozadi-tlacitka.gif") 0 0 repeat-x;
  border:1px solid #039FFC;
}

.form-textarea {
  width: 300px;
  height: 150px;
}

.poznamka {
  font-size: 85%;
  color: #039FFC;
  font-style: italic;
}

.hvezdicka {
  color: #ff0010;
}

.kontaktni-form {
  font-size: 120%;
  color: #ff0020;
  text-transform: uppercase;
  font-weight: normal;
}

/* Formular kontakty  konec */

/* odrazky li ul začátek */

#text ul {
  list-style-image: url(../img/odrazka.gif);
}

#text li {
  margin: 0 0 0 2px;
  color:#000000;
  text-align: left;
}

/* odrazky li ul konec */

#text img {
  border:solid 1px #029FFC;
  padding: 1px;
  margin-bottom: 1px;
  margin-right: 10px;
}

#text img.normal {
  border: none;
  padding: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
}

.poznamka2 {
  font-size: 85%;
  color: #fb0b72;
  font-style: italic;
}