/************************************************** PISMO A VELIKOST */  /* stylesheet (c) David Grudl www.dgx.cz */

body, input, select, textarea, th, td {
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
}

input, select, textarea {
  font-size: 100%;
}

body, th, td {
  font-size: 78%; /* th, td only for IE < 6 */
  line-height: 1.4;
}

th, td {
  font-\size: 100%;
}




/************************************************** LAYOUT */

body, html {
  margin: 0; padding: 0;
}

body {
  background: #EEE;
  color: #111111;
  text-align: center;
}

#page {
  background: white;
  position:relative;
  margin: 30px auto 5px;
  width: 700px;
  widt\h: 692px;
  
  text-align: left;
  border: 4px solid #DA251D;
}


    #header {
      background: url("images/header.gif") left top no-repeat;
      width: 692px;
      height: 105px;
    }

    #header span { display: none; }



    #jang {
      float: left;
      width: 50%;
      height: 400px;
      background-color: white;
      color: black;
      _scrollbar-base-color: white; 
      _scrollbar-darkshadow-color: black; 
      _scrollbar-highlight-color: silver; 
      _scrollbar-3dlight-color: silver; 
      _scrollbar-arrow-color: black;   
    }


    #jin {
      float: right;
      width: 50%;
      height: 400px;
      background-color: black;
      color: white;
      _scrollbar-base-color: black; 
      _scrollbar-darkshadow-color: silver; 
      _scrollbar-highlight-color: silver; 
      _scrollbar-3dlight-color: white; 
      _scrollbar-arrow-color: white;   
    }





    #footer {
      clear: both;
      font-size: 84%;
    }



.inner { 
  padding: 20px 20px; 
  height: 400px;
  heigh\t: 360px;
  overflow: auto;
}



/************************************************** ZÁKLADY */

/* zarovnani textu */
p          { margin: 0.8em 0; padding: 0; }
p.noindent { text-indent: 0 !important; }
.right     { text-align: right !important; }
.left      { text-align: left !important; }
.center    { text-align: center !important; }


/* titulky */
h1, h2, h3, h4, h5, h6 {
  text-indent: 0px;
  margin: 0.8em 0 0.4em;
  color: #DA251D;
}
h1 { font-size: 150%;  }
h2 { font-size: 122%; }
h3 { font-size: 110%;  }




/* kotvy */
a {
  cursor: pointer;
  _cursor: hand;
  color: #DA251D;
}
a:visited { color: #A92923; }
a:hover { color: #FC231A; }


/* další */

hr {
  color: #3B7CD0;
  background-color: #3B7CD0;
  border: 0;
  height: 1px;
}

.nocss { display: none; }

i, em { margin-right: 0.1em; }

/************************************************** SEZNAMY */


dd { }
dt { }

ul { 
  margin: 0 0 20px 20px; 
  padding: 0; 
}
ul li { 
  margin-left: 20px; 
}
ul.nodots { 
  list-style: none none; 
}



/************************************************** FORMULÁŘE */


input.default { font-weight:bold; }


input.text, select, textarea {
  border: 1px solid gray;
  padding: 3px;
}

input.text:focus, select:focus, textarea:focus {
  border: 1px solid black;
}



/************************************************** TABULKY */


table { }





/************************************************** OBRÁZKY */

img { border: none; }


a.fotoopen {
  behavior: url("_foto.htc");
  -moz-binding: url("moz-behaviors.xml#_foto.htc"); 
}

a img {
  -moz-opacity: .85;
  -khtml-opacity: .85;
  filter: alpha(opacity=85);
}

a:hover img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
}

a img.foto {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: none;
}



.img-left, .img-right {
  float: left;
  margin: 5px 10px 5px 0;
  padding: 0;
  text-align: center;
  font-size: 84%;
}

.img-right {
  float: right;
  margin: 5px 0 5px 10px;
}




/************************************************** HLAVICKA */




/************************************************** OBSAH */


#main { width: 100%; }  /* IE natahne výšku */ 
#page:after {           /* Mozilla natahne výšku */
 content: "."; 
 display: block; 
 line-height: 0; 
 visibility: hidden; 
 clear: both; 
}


/************************************************** PATICKA */



/************************************************** MENU */

.menu {
  text-align: center;
  padding: 30px 20px;
}

.menu ul {
  margin: 30px 0; 
  padding: 0; 
  list-style: none;
}


.menu li { 
  margin: 10px 0; padding: 0; 
  font-size: 130%;
  font-weight: bold;
}


.menu a {
  text-decoration: none;
}


#jin .menu a { color: #999; }
#jin .menu a:visited { color: #777; }
#jin .menu a:hover { color: #CCC; }



/************************************************** DEFINICE PRO RUZNE STRANKY */