a.podminky{
 color: white;
}

body{
 background-color: #000099;
 color: white;
}
#pravy{
 width: 400px;
 border: 1px solid white;
 background-color: black;
}
#stred{
 margin-left: 0px;
 width: 536px;
 background-color: black;
 border: 1px solid white;
}
#menu{
 background-color: black;
 border: 1px solid white;
}
#reklama_lavy{
 background-color: black;
 border: 1px solid white;
}
#zabava{
 background-color: black;
 border: 1px solid white;
}
div.zabava_nadpis{
 background-color: black;
 border: 1px solid white;
}
#reklama_stred{
 height: 100%;
 width: 100%;
}
table.reklama_stred{
 margin-top: 10px;
 width: 536px;
}
#rek_velky{
 width: 536px;
 text-align: center;
}
/* special styles */

#obrazovka{
 margin-bottom: 50px;
 border-bottom: 1px solid white;
}
#kom{
 margin-bottom: 30px;
 border-bottom: 1px solid white;
}
#kom table{
 width: 90%;
 margin : auto;
}
#kom table td{
 text-align: left;
 width: 50%;
}

#fit{
 margin-bottom: 10px;
 border-bottom: 1px solid white;
}

#rek_dole{
 margin-bottom: 10px;
}

#kom, #reklama{
 text-align: center;
 width: 100%;
 margin: auto;
 border-top: 1px solid white;
 margin-top: 0px;
 margin-bottom: 7px;
 padding-top: 7px;
}

#kom table, #reklama table{
 margin: auto;
 width: 90%;
 text-align: left;
}

#kom table td, #reklama table td{
 width: 50%;
}

#kom table.inner td, #reklama table.inner td{
 padding: 0px;
 text-align: left;
 width: 60px;
 height: 60px;
}

#kom table.inner a, #reklama table.inner a{
 padding: 0px;
 margin: 0px;
}

#kom table.inner td.textik, #reklama table.inner td.textik{
 width: 100%;
 text-align: left;
 padding: 0px;
 padding-left: 3px;
 height: 60px;
}

#kom table.inner td.textik span, #reklama table.inner td.textik span{
 padding: 0px;
}


#kom_up table{
 width: 380px;
 margin : auto;
 text-align: left;
}

#kom_up table td{
 width: 190px;
 text-align: left;
}

#kom_up table.inner{
 width: 190px;
 text-align: left;
}

#kom_up table.inner td.textik{
 width: 100%;
 text-align: left;
}

#obrazovka{
 padding: 0px;
 margin: 0px;
}
/*************************************/
table.tabulky{
 width: 536px;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 font-family: Georgia;
}
table.tabulky td{
 padding: 2px;
 border: 1px solid lightblue;
}
td.start{
 background: green;
 color: black;
}

td.sklipek{
 background-image: url('obr/b_red.jpg');
 color: black;
 height: 40px;
}

table.tabulky tr.head{
 background: navy;
 font-size: 14px;
 text-transform: uppercase;
}

table.tabulky tr.head b{
 font-size: 18px;
}
/********* PORADI ************/
table.poradi{
 margin-top: 10px;
 width: 500px;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 10px;
 margin-left: 18px;
 background: #navy;
}

table.poradi td.head{
 padding: 10px;
 font-size: 18px;
 text-align: left;
}

table.poradi td{
 border: 1px solid white;
}
/***********************************/
.button a{
  font-family: Georgia;
  font-style: italic;
  border: 2px solid white;
  border-style: ridge;
  padding: 5px;
  margin: 10px;
  color: black;
}
.button a:hover{
  color: white;
}
/* rozne farby tlacitiek */
#redb{
  background-image: url('obr/b_red.jpg');
}
#greenb{
  background-image: url('obr/b_green.jpg');
}
#greyb{
  background-image: url('obr/b_grey.jpg');
}
/* tabulka s moznostami */
td a{
  color: white;
}
td a:hover{
  color: lime;
}
.otazky{
  width: 400px;
}
.otazky td{
  background-color: navy;
  background-image: url('obr/b_navy.jpg');
  background-repeat: repeat-x;
  padding: 4px;
}
.otazky td b{
  color: yellow;
}
.napoveda td a:hover{
  color:white;
}
.napoveda td{
  background: black;
  width: 100px;
}
.napoveda td a{
  background-image: url('obr/b_navy.jpg');
  display:block;
  padding: 4px;
}
.napoveda td a:hover{
  background-image: url('obr/b_red.jpg');
}
.moznost td{
  background-color: blue;
  border: 0px;
}
.moznost td a{
  text-align: left;
  background-color: blue;
  background-image: url('obr/b_blue.jpg');
  background-repeat: no-repeat;
  padding: 4px;
  display:block;
  
}
.moznost td a:hover{
  color: white;
  background-color: green;
  background-image: url('obr/b_green.jpg');
}
.image td{
  background-color: black;
  background-image:none;
}
.msg td{
  background: black;
}
.msg h2{
  margin: 1px;
  font-family: Georgia;
  font-style: italic;
}
.bocne td{
  font-family: Georgia;
  font-style: italic;
  text-align: right;
}
.pbar td{
  background-image: url('obr/pbar.jpg');
  background-repeat: no-repeat;
  background-color: green;
}
/* ruzne farby textu atd... */
.lime{
  color: lime;
}

.red{
  color: red;
}

.bigred{
  font-size: 18px;
  color: red;
}

.dark{
  color:#404040;
}

.yellow{
  color: yellow;
}

.green{
  color: green;
}

.border1{
  border: 2px solid gray;
  border-style:ridge
}

/* pozadia tlacitiek */
.bkg_green{
  background-image: url('obr/b_green.jpg');
  background-color: green;
}
.bkg_navy{
  background-image: url('obr/b_navy.jpg');
  background-color: navy;
}
.bkg_red{
  background-image: url('obr/b_red.jpg');
  background-color: red;
}

.bkg_active{
  background-image: url('obr/active.jpg');
  background-color: yellow;
  color:red;
}


dl{
 margin: 10px;
 margin-left: 10px;
 margin-right: 5px;
 padding-right: 5px;
 text-align: justify;
 font-family: arial;
 width: 430px;
 height: 280px;
 overflow: auto;
}

dl div{
 font-weight: bold;
 color: #0099ff;
 font-size: 10pt; 
 text-align: center;
 margin: 0px;
 margin-bottom: 5px;
}

dt{
 font-weight: bold;
 color: red;
 text-align: center;
 margin-bottom: 5px;
 font-size: 10pt; 
}

dd{
 margin-left: 0px;
 margin-bottom: 15px;
 font-size: 9pt;
}

a{
  color:white;
}
a:hover{
  color:lime;
}