
/* --- Zakladni definice tagu --- */

html, body  { font-size: 12px; font-family: Tahoma, Arial, sans-serif; 
	text-align: justify; color: #333; 
	margin: 0 0px; padding: 0;
	scrollbar-face-color: #4D917A;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: #4D917A;
	scrollbar-3dlight-color: #4D917A;
	scrollbar-darkshadow-color: #4D917A;
	scrollbar-track-color: #4D917A;
	scrollbar-arrow-color: white


 }
html
	{ margin: 0 auto 10px; }
          
img	{ border: 0 }

*	{ margin: 0; padding: 0 }

a	{ color: #00a7e0; text-decoration: underline }
a:hover	{ color: #009; text-decoration: underline }

	


/* --- OBECNE definice --- */

h2 { font-size: 18px; font-weight: bold; text-align: center } 
h3 { font-size: 14px; font-weight: bold; text-align: center; 
	margin: 8px 0 5px } 

i{
	font-size: 16px;
	line-height: 15px;
	font-weight: italic;
	margin-left: 0px;
	padding: 5px;
	color: #4D917A }

.odst {
	padding: 10px; 
	margin: 15px 5px 5px 5px; 
	border: 1px solid #aaaaaa;
	background: #eeeeee;
	width: 800px; 
	clear: center; }


b {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin-left: 10px;
	padding: 5px;
	color: gray
}


.mensi	{ font-size: 9px }
.male	{ font-size: 10px }
.vetsi	{ font-size: 14px }
.tucne	{ font-weight: bold }
.velke	{ text-transform: uppercase }
.male	{ text-transform: lowercase }

.preskrt  { text-decoration: line-through }
.cervene  { color: #c62929 }
.cerne    { color: black }
.hnede    { font-size: 12px; color: #6c8000; font-weight:bold; text-align:left }
.odskocene {margin-left: 10px}

.fl_l	  { float: left }
.fl_p	  { float: right }
.fl_kon   { clear: both }
.fl_kon_l { clear: left }
.fl_kon_p { clear: right }

.doleva { text-align: left }
.doprava { text-align: right }
.center { text-align: center }
.justify { text-align: justify }

.radk1-5 { line-height: 150% }
.radk2   { line-height: 200% }

.okraj10 { margin: 10px }
.okraj20 { margin: 20px }
.okraj30 { margin: 30px }

.skryte	 { display: none }
.varuj	 { color: #f33; font-weight: bold } 
.nenalezeno  { text-align: center; margin: 50px 0 }

.prvni_rad_fikt { width: 1px; height: 1px; line-height: 1px; font-size: 1px;
		  background-color: transparent }



/* --- HLAVNI CASTI --- */

#sirka { position: relative; width: 800px; height: auto;
	 text-align: left; margin: 15px auto 3px auto }


#siroky{ 	position: relative; 
		width: 800px; 
		height: auto;
	 	text-align: left; 
		margin: 7px;
		background:transparent none repeat scroll 0 0;
  		float:left;
		
}

#horni { height: 160px }

#levy  { float: left; width: 193px; min-height: 450px; }

#pravy { 
  background:transparent none repeat scroll 0 0;
  float:left;
  height:430px;
  margin:7px;
  overflow-y:auto;
  padding:0 4px 0 0;
  width:588px;
 }

#dolni { text-align: center; width: 750px; color: #328dab; 
	 margin: 3px auto 5px; background-color: transparent }

#picture		{ position: absolute; left: 57px; top: 20px; }
#frame			{ position: absolute; left: 200px; top: 185px; }
#menu			{ position: absolute; left: 19px; top: 230px;  }
#patka			{ position: absolute; left: 100px; top: 550px; text-align: center; width: 643px; }




/* ---- FORMULARE - tlacitka, text. pole, ...  ------------- */

.form, .formb, .formc, .formcb
	{ font-family: Tahoma, Arial, "MS Sans Serif", sans-serif; 
	  width: auto; font-size: 12px; color: #000; padding: 1px; 
	  border-color: #ddd #bbb #bbb #ddd; 
	  background-color: #fff; text-align: left }

.formb, .formcb
	{ font-weight: bold }

.formc, .formcb
	{ text-align: right }


.tlac, .tlacm
	{ width: auto; font-size: 12px; color: #fff; padding: 1px 5px; 
	  border-color : #aaa; background-color: #aaa;
	  text-align: center }

.tlac_vyhl
	{ width: auto; font-size: 12px; color: #fff; font-weight: bold;
	  padding: 1px 10px; border-color: #e89d9d #8f1616 #8f1616 #e89d9d;
	  background-color: #c62929;
	  text-align: center }

.disabled  { border-color: #ccc; background-color: #ccc }

.tlacm	{ font-size: 10px; padding: 1px }

select option { padding: 0 3px }




/* ---  HORNI - cast  --- */




/* ---  LEVA - cast  --- */




/* ---  PRAVA - cast  --- */

 /* -- obecne -- */

#pravy h2 { text-align: center; margin: 4px 0 3px } 
#pravy h3 { text-align: center; margin: 4px 0 3px } 

#pravy p { text-align: justify; margin: 10px 0 } 


 /* -- Rezervace -- */

#rezervace, #rezervace2
	{ margin: 15px 0; border: 1px solid #076 }

#rezervace .radek, #rezervace2 .radek
	{ width: 100%; font-size: 98%; margin-bottom: 1px }

#rezervace .zahlavi, #rezervace2 .zahlavi
	{ color: #fff; background-color: #076 }

#rezervace .radek .sl1
	{ float: left; width: 16%; text-align: center; padding: 2px 0 }

#rezervace2 .radek .sl1
	{ float: left; width: 17%; text-align: center; padding: 2px 0 }

#rezervace .radek .sl2, #rezervace .radek .sl3, 
#rezervace .radek .sl4, #rezervace .radek .sl5,
#rezervace .radek .sl6
	{ float: left; width: 15%; text-align: right; padding: 2px 4px 2px 0;
	  margin-left: 5px }

#rezervace2 .radek .sl2, #rezervace2 .radek .sl3, 
#rezervace2 .radek .sl4, #rezervace2 .radek .sl5,
#rezervace2 .radek .sl6
	{ float: left; width: 19%; text-align: right; padding: 2px 4px 2px 0;
	  margin-left: 5px }

#rezervace .rez_moje, #rezervace2 .rez_moje
	{ background-color: #9cf }
#rezervace .rez_cizi, #rezervace2 .rez_cizi
	{ background-color: #ccc }



/* ---  DOLNI - cast  --- */


