/*

(c) 2008
Michal Kos
web:  http://michalkos.cz
mail: info@michalkos.cz

*/

/* --- stranka --- */
body { font-family: "Trebuchet MS", Arial, serif; font-size: 13px; color: #333; margin: 0; padding: 0; background: #38382b url(img/bg.gif) repeat top center; text-align: center; }


/* --- vseobecne styly --- */
.right { text-align: right; }
.center { text-align: center; }
.cle { font-size: 0.1px; height: 0.1px; clear: both; overflow: hidden; visibility: hidden; }
.hidden { display: none; }
img { border: 0; }

/* --- odkazy --- */
#left a { color: #3297f1; text-decoration: underline; }
#left a:hover { color: #3297f1; text-decoration: none; }
#right a { color: #3297f1; text-decoration: underline; }
#right a:hover { color: #3297f1; text-decoration: none; }
#footer a { color: #b1b1a3; text-decoration: underline; }
#footer a:hover { color: #b1b1a3; text-decoration: none; }


/* --- layout --- */
#page    { width: 800px; text-align: left; margin: 0px auto; }

	ul#langs { list-style: none; margin: 20px 0 0 0; padding: 0; float: right; margin-right: 10px; position: relative; }

		ul#langs li { float: left; width: 77px; margin: 0; text-align: center; font-size: 11px; margin-left: 3px; }
		ul#langs li a { line-height: 20px; height: 20px; width: 77px; display: block; margin-top: 4px; text-decoration: none; color: #fff; background: #6b6c3e url(img/jazyk.gif) repeat-x bottom left; }
		ul#langs li a:hover, ul#langs li a.active { line-height: 24px; height: 24px; margin-top: 0; background: #dcdbb4 url(img/jazyk_s.gif) repeat-x bottom left; color: #000; }

	#header  { height: 182px; width: 800px; background: #fff url(img/header.jpg) no-repeat top center; margin: 0; padding: 0; float: left; display: block; }

		#header span { display: none; }
		
	#content { background-color: #fff; float: left; margin: 0; padding: 0; width: 800px; display: block; }

		ul#menu { list-style: none; margin: 0; padding: 0px; background-color: #993300; line-height: 50px; float: left; display: block; width: 780px; position: relative; left: 10px; }

			ul#menu li { float: left; line-height: 50px; font-family: Georgia, Arial, sans-serif; font-size: 16px; }
			ul#menu li a { margin-left: 10px; line-height: 50px; color: #e6dfdc; text-decoration: none; padding: 0 15px 0 15px; display: block; }
			ul#menu li a:hover { background: #5c0a00 url(img/menu_h.gif) repeat-x top left; }
			ul#menu li a.active, ul#menu li a.active:hover { background: #fff url(img/menu_a.gif) no-repeat top left; color: #000; }
			ul#menu li.right { float: right; }
			ul#menu li.right a, ul#menu li.right a:hover { background: url(img/menu_r.gif) no-repeat top right; padding: 0 10px 0 0; color: #fd0100; width: 155px; text-align: right; }
			
		#left    { float: left; width: 535px; margin-top: 20px; position: relative; left: 15px; }
		
			#left h2 { font-family: Georgia, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #535111;  margin: 0 0 13px 0; padding: 0; }
			#left h3 { font-family: Georgia, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #535111;  margin: 0 0 13px 0; padding: 0; }
			#left p { margin: 0 0 15px 0; padding: 0; line-height: 140%; }
			#left .fl { float: left; margin: 0 10px 10px 0; }
			#left .fr { float: right; margin: 0 0 10px 10px; }
			#left .frn { float: right; margin: 0 0 10px 0; }
			#left .flt { float: left; }
			#left .frt { float: right; text-align: left; }
			#left .gallery img { border: 3px solid #ccc; }
			
			#left form { background-color: #eee; margin: 0 0 15px 0; width: 100%; float: left; }
				#left form div { float: left; padding: 18px 15px 5px 15px; }
				#left form p { margin: 0 0 10px 0; padding: 0; line-height: 140%; float: left; width: 472px; }
				#left form label { display: block; float: left; width: 100px; text-align: right; margin-right: 10px; padding-top: 4px; }
				#left form .i_text { float: left; border: 1px solid #8c8c00; height: 25px; background: #fff url(img/form_i.gif) repeat-x top left; padding: 0 5px 0 5px; width: 178px; font-family: "Trebuchet MS", Arial, serif; font-size: 13px; }
				#left form .i_area { float: left; border: 1px solid #8c8c00; height: 75px; background: #fff url(img/form_i.gif) repeat-x top left; padding: 5px; width: 348px; overflow: auto; font-family: "Trebuchet MS", Arial, serif; font-size: 13px; }
				#left form .i_submit { clear: both; padding-left: 110px; width: 300px; }
				
			#left .apa { background-color: #f3f3f3; border: 1px solid #ddd; padding: 10px; margin-bottom: 15px; }
				#left .apa .lapa { float: left; margin: 0 10px 10px 0; width: 181px; }
				#left .apa img { border: 3px solid #999; }
				#left .apa p { margin-bottom: 10px; }
				#left .apa .tlc a { background-color: #802200; color: #eee; border: 1px solid #a33600; padding: 4px 6px; text-decoration: none; margin-right: 5px; }
				#left .apa .tlc a:hover { background-color: #a33600; color: #eee; padding: 4px 6px; border: 1px solid #802200; text-decoration: none; margin-right: 5px; }
				#left .apa .tlc { padding-top: 5px; padding-left: 191px; }
				
			table.cenik { background-color: #EAE9B5; text-align: center; width: 100%; border-collapse: collapse; margin-bottom: 20px; }
				td.bila { color: #ffffff; background-color: #D9AD46; }
				th, td { border: solid 1px #fff; }
				th { color: #fff; background-color: #94911F; }
		
		#right   { float: right; width: 220px; position: relative; right: 10px; margin-top: 20px; }
		
			#right h3 { font-family: Georgia, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #535111;  margin: 0 0 10px 0; padding: 0 0 0 16px; background: url(img/nadpisek.gif) no-repeat left 7px; }
			#right p { margin: 0 0 5px 0; padding: 0; line-height: 140%; }
			#right p.datum { color: #969689; font-size: 12px; }
			
			.box { padding: 12px 10px 10px 10px; margin-bottom: 20px; background: #f5f4e7 url(img/box.gif) no-repeat top center; }
				.box form { position:relative; padding:0; margin:0; padding-bottom:40px; }
				.box form #form-input { position:absolute; top:0; left:0; width:107px; height:29px; padding:0; margin:0; overflow:hidden; background: url(img/form_t.gif) no-repeat top left; }
				.box form #form-input input { position:absolute; top:0; left:7px; width:93px; height:29px; line-height: 29px; display:block; padding:0; margin:0; overflow:hidden; border:0; background:transparent; font-size:11px; }
				.box form #form-submit { position:absolute; top:0; right: 0px; _right:10px; border:0; margin: 0; padding: 0; }
		
		#footer  { clear: both; line-height: 40px; margin: 0 15px 0 15px; color: #979782; font-size: 11px; }

			#footer .left { float: left; }
			#footer .right { float: right; text-align: left; }


@media print {
	
	body { font-family: "Trebuchet MS", Arial, serif; font-size: 13px; color: #000; background: #fff; text-align: left; }
	ul#langs, #header, #right, #footer, ul#menu { display: none; }
	#left { float: none; width: 100%; position: static; left: 0;  }
	
}