.hlavni_nadpis{
   text-align: center;
   margin: 10px;
   
}




/* ------------------ */
/* FIELDSET a LEGEND  */


fieldset {
   border: 3px solid black;
   padding: 10px;
}

label {
   display: block;
   float: left;
   clear: left;
   width: 15em;
   margin-right: 1em;
   text-align: left;
   line-height: 1.8em;
   padding-bottom: 5px;
}

legend {
   color: #ffff00;
   padding: 10px;
   font-weight: bold;
   background-image: url("../images/bg_legend.png");
}

input, select {
   margin-bottom: 5px;	
}


/* --------------------- */
/* OBRAZKY PRO ZAROVNÁNÍ */


.f_left{
   float: left;
   padding-bottom: 10px;
}

.f_right {
   float: right;
   clear: right;
}


.center {
   text-align: center;
}




/* ------------------ */
/*      TABULKY       */


table {
   border-collapse: collapse;
   font-size: 1.2em;
}

/* ------------------ */
/* CENÍK LYŽE A PRKNA */

.cenik_lyze_a_prkna  th{
   text-align: left;
   background: #282828;
   border: 1px solid black;
}

.cenik_lyze_a_prkna  td{
   text-align: right;
   border: 1px solid black;
}

.cenik_lyze_a_prkna  tr:hover{
   background: #eeee00;
   color: #ffff00;
}
.cenik_lyze_a_prkna  td:hover{
   background: #282828;
   color: #ffff00;
}


/* ------------------ */
/*       CENÍK        */
table .cenik  {
   line-height: 1.4em;
   border-collapse: collapse;
}

.cenik tr {
   text-align: left;
}

.cenik th {
   border-bottom: 1px solid black;
   background: #282828;
}

.cenik tr:hover {
   background: #ffff00;
   color: #282828; 
}

.cenik .prodlouzeni td{
   border-top: 1px solid black;
}


/* ------------------ */
/*   REZERVACE ŠKOLY  */
table .rezervace_skoly {
   width: 600px;
}
.rezervace_skoly th {
   text-align: left;
}
.rezervace_skoly .main th {
   border-bottom: 1px solid black;
   background: #282828;
   color: #ffff00;
}

.rezervace_skoly .polozka{
   width: 150px;
}

.rezervace_skoly .sleva{
   width: 40px;
}

.rezervace_skoly  td{
   text-align: left;
}

.rezervace_skoly .celkem {
   border-top: 1px solid black;
   font-weight: bold;
}

.rezervace_skoly  tr:hover{
   background: #fdfe05;
   color: #000000;
}

.rezervace_skoly  tr:hover a{
   background: #fdfe05;
   color: #000000;
}

.rezervace_sleva {
   float: right;
   background-image: url("../../skola/images/rezervace/rezervace_sleva.png");
   width: 200px;
   height: 200px;
}
.rezervace_sleva .sleva {
   text-align: center;
   padding-top: 98px;
   font-size: 30px;
   font-weight: bold;
   font-style: oblique;
}

.rezervace_lyze_nadpisek{
   border-bottom: 1px dotted black;
   font-weight: bold;
}

textarea {
   width: 400px;
   height: 100px;
}

.cena {
   font-size: 1.3em;
   color: #ffff00;

}
.konecna_cena{
   font-size: 1.5em; 
   font-weight: bold;
}







/* ------------------ */
/*     VYSVĚTLIVKY    */

.vysvetlivky {
    font-size: 0.8em;
}


.cervene_tucne {
   color: red; font-weight: bold;
}

.cervene {
   color: red;
}





/* ------------------ */
/*     ADMIN FIELD    */
.admin_field{
   width: 400px;
   text-align: left;
}

.admin_field label {
   display: block;
   float: left;
   clear: left;
   width: 5em;
   padding-right: 1em;
   text-align: left;
   line-height: 1.8em;
}


/* ------------------ */
/*     tabulky v adminu   */

.admin_tab  {
   width: 600px;
   line-height: 1.4em;
}

.admin_tab tr {
   text-align: left;
}



.admin_tab th {
   background: #282828;
   color: #ffff00;
   white-space: nowrap;
   border-left: 2px solid white; border-top: 2px solid white;
   border-right: 2px solid gray; border-bottom: 2px solid gray;

}

.admin_tab tr:hover {
   background: #fdfe05;
   color: #000000;
}
.admin_tab tr:hover a{
   color: #000000;
}


.admin_tab td {
   border-bottom: 1px solid black;
}



.instruktori th{
   text-align: left;
}



.fotogalerie{
   width: 600px;
}

.fotogalerie td {
	vertical-align: top;
}

td {
	vertical-align: top;
}

.fotogalerie .center {
	text-align: center;
}





.fotky_skutry {
   text-align: center;
}

.fotky_skutry img {
   padding: 5px;
}






/* ------------------- */
/*     CENIK SKUTRY    */


.cenik_skutry{
   width: 600px;
}

.cenik_skutry  tr:hover{
   background: #eeee00;
   color: #282828;
}

.cenik_skutry  tr:hover a{
   color: #282828;
}


.cenik_skutry th{
   background: #282828;
   border-bottom: 1px solid black;
}

.cenik_skutry th a{
	color: #ffff00;
}




/* ------------------- */
/*     POČASÍ    */

#pocasi{
   text-align: right;
   border: 1px solid red;
}

/* ------------------- */
/*     FÓRUM           */

.forum{
   width: 250px;
   height: 100px;
   _height: 130px;
}

.forum label{
  width: 50px;
}




/* ------------------- */
/*  FORUM TABULKY      */

.tab_forum{
   margin-top:10px;
   border: 2px solid black;
   width: 95%;
}

.tab_forum th{
   width:50%;
   text-align: left;
}

.tab_forum .t_right {
   text-align: right;
}

.tab_forum .top {

   background-image: url("../../index/images/bg_legend.png");
   height: 25px;

}

.forum_new_kom {
   width: 450px;
}

.forum label{
  width: 50px;
}


.forum_new_kom textarea {
   width: 400px;
   height: 100px;
}







#on_line_rez{
   
   margin-left: 20px;
   width: 400px;
   height: 100px;
   background-image: url("../../page/images/onlineRezervace.png");

}
#on_line_rez_skola{
     float: left;
     width: 115px;
     height: 100px;
     cursor: pointer;
}

#on_line_rez_pujcovna{ 
     float: left;
     width: 125px;
     height: 100px;
     cursor: pointer;
}

#on_line_rez_ubytovani{
     float: right;
     width: 150px;
     height: 100px;
     cursor: pointer;
}