body	{ 
		background: url(../images/body-background.jpg) #ffff99 repeat-x; 
		font-family: Arial, Helvetica, sans-serif; 
		margin: 0;
		color: #333;
		font-size: 12px;
		}
p, ul, li, img, h1, h2, h3, h4	{ margin: 0; padding: 0; }

p		{ line-height: 170%; text-align: justify; margin-bottom: 20px; }

ul, li	{ list-style: none; }
ul		{ margin-bottom: 20px; }
li		{ background: url(../images/list-bullet.gif) no-repeat 4px 8px; padding-left: 25px; line-height: 25px; } 

a:link		{ color: #39C; text-decoration: none; }
a:visited	{ color: #39C; text-decoration: none; }
a:hover		{ color: #39C; text-decoration: underline; }

/* NADPISY */

h1	{ margin-bottom: 10px; font-size: 28px; letter-spacing: -1px; color: #39C; text-transform: uppercase;  }
h2	{ margin: 20px 0 7px 0; font-size: 18px; letter-spacing: -1px; color: #666; text-transform: uppercase; }
h3	{ margin-bottom: 10px; font-size: 15px; letter-spacing: -1px; color: #ff7b00; text-transform: uppercase; font-weight: normal; }
h4	{ margin-bottom: 10px; font-size: 15px; text-transform: uppercase; }

/* hlavni navigace */

ul#navigace				{ background: url(../images/navigation-background.jpg) #39C repeat-x; height: 36px; line-height: 36px; width: 800px; margin-bottom: 0; }
ul#navigace li			{ display: inline; background: none; padding: 0; line-height: 36px;  }
ul#navigace	li a 		{ display: block; float: left; padding: 0 15px; color: #FFF; font-size: 13px; }
ul#navigace	li a:hover 	{ background: url(../images/navigation-over.jpg) #AEE2FB repeat-x; text-decoration: none }

/* hlavni layout */

#page	{ width: 800px; margin-left: auto; margin-right: auto; }
		
#header 		{ height: 144px; background:  url(../images/header-background.jpg) #369 no-repeat; }
#header a		{ display: block; background: url(../images/doprava-letiste-logo.jpg) no-repeat; height: 80px; width: 340px; margin-top: 28px; overflow: hidden; float: left; }
#header a span	{ position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }

#StepNavi		{ background: url(../images/step-navi.jpg) #FFF no-repeat; height: 40px; line-height: 40px; padding: 0 20px; margin-bottom: 0 }
#StepNavi a		{ padding: 0 10px; }

#content			{ background: url(../images/content-background.jpg) repeat-y #FFF; padding: 0 20px; }

#LeftCol			{ float: left; width: 510px; }

#RightCol			{ float: right; width: 225px; }
#RightCol form		{ background: url(../images/formular-background.jpg) #CCC no-repeat; height: 216px; padding: 0 10px 25px 10px; overflow: hidden; margin-bottom: 0; }
#RightCol form h2	{ font-size: 14px; display: block; line-height: 45px; height: 45px; text-align: center; margin-bottom: 10px; color: #39C; padding: 0; margin-top: 0 } 
#RightCol form p select	{ border: 1px solid #9CC; width: 205px; height: 18px; line-height: 20px; font-size: 11px; margin: 7px 0; }
#RightCol form p span	{ font-size: 18px; color: #39C; font-weight: bold; padding: 0 10px; }
#SubmitButton		{ background: url(../images/zarezervovat-button.gif) no-repeat; height: 26px; width: 115px; float: right; display: block; color: #FFF; font-weight: bold; border: 0; text-transform: uppercase; font-size: 11px; margin-top: 5px; }
#RychlyKontakt		{ background:url(../images/rychly-kontakt-background.jpg) #CCC no-repeat; height: 210px; overflow: hidden; padding: 0 10px; }
#RychlyKontakt p	{ line-height: 130%; margin-bottom: 8px; }
#RychlyKontakt h2	{ font-size: 14px; display: block; line-height: 45px; height: 45px; text-align: center; margin-bottom: 5px; color: #39C; padding: 0; margin-top: 0 }

#bottom		{ text-align: center; font-size: 11px; color: #333; background: url(../images/bottom-background.jpg) no-repeat top; padding-top: 30px;}

img.oramovani	{ border: 1px solid #EAEAEA; padding: 3px; }

.FLeft	{ float: left; margin: 0 10px 10px 0; }
.FRight	{ float: right; margin: 0 0 10px 20px; }


/* pomocne styly */
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; clear: both; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table.rezervaceForm				{ width: 100%; border: 1px solid #F5F5F5; padding: 10px; background: url(../images/form-bck.jpg) repeat-x; }
table.rezervaceForm th			{ width: 170px; text-align: right; padding-right: 10px; }
table.rezervaceForm td span 	{ font-size: 18px; color: #39C; font-weight: bold; } 
table.rezervaceForm td input	{ border: 1px solid #CCC; background: url(../images/input-bck.jpg) repeat-x; width: 200px; } 
table.rezervaceForm td input.potvrdit	{ border: 1px solid #FFF; background: url(../images/submit-bck.jpg) repeat-x; width: 200px; height: 23px; color:#FFF; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } 
table.rezervaceForm td textarea	{ border: 1px solid #CCC; background: url(../images/textarea-bck.jpg) #FFF repeat-x; width: 200px; height: 70px } 

.warning		{ background: #f9f3f3; padding: 10px; border: 1px solid #fbabab; margin-bottom: 5px; }
.info			{ background: #f5f8fa; padding: 10px; border: 1px solid #c5e5fa; margin-bottom: 5px; }
.warning ul		{ margin: 10px 0 0 0; }

.ikona			{ padding: 0 15px 0 3px; float: left; }

#KontaktyLevy	{ display: block; float: left; width: 300px; margin-right: 10px; }
#KontaktyPravy	{ display: block; float: left; width: 200px; }