body{
	font-family: 'Trebuchet MS', Verdana,'Arial CE','Helvetica CE', Arial, helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../img/hlavicka.gif) repeat-x #111111; 
}

/* --- odkazy --- */
a 						{color: #59333f; text-decoration: underline;}
a:hover 				{color: #59333f; text-decoration: none;}

/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}

/* --- zakladni html prvky ---*/
em, i			{font-style: normal;}
p 				{text-align: justify; margin: 10px 0px 10px 0px; line-height: 1.4em;}
code			{font-size: 140%; font-weight: bold;}
hr				{color: #949599; height: 1px; margin: 10px 0px 10px 0px; padding: 0px; border: 0px; background: #949599;}
.hr-bila		{color: white; height: 1px; margin: 5px 0px 5px 0px; padding: 0px; border: 0px; background: white;}

/* --- seznamy --- */
ul, ol, li		{list-style-type: none; margin: 0px; padding: 0px; text-align: left;}

/* --- obrazky --- */
img 			{border: 0px}
img.galerie	{padding: 1px; border: 1px solid #7f7f7f; background: #ffffff; margin: 0px 5px 0px 5px;}
img.icon		{vertical-align: -0.1px;}
img.toleft	{margin-right: 10px;}
img.toright {margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 		{vertical-align: baseline; position: relative;}
sub 				{top: 0.4em;}
sup 				{bottom: 0.4em;}

/* --- tabulky --- */
table 						{border-collapse: collapse;}
table.nice					{width: 520px;}
table.nice tr td 			{padding: 2px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item	{background: #dfdfdf; font-weight: bold; width: 120px;}
table.nice tr th			{background: #dfdfdf; font-weight: bold; width: 120px;}
table.list					{width: 610px;}
table.list tr th			{background: #eeeeee; border-bottom: 2px solid #e1e1e1; padding: 5px 2px 5px 2px;}
table.list tr td			{border-bottom: 1px solid #e1e1e1; padding: 3px 2px 3px 2px;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 	{clear: both; font-size: 1.4em; margin: 0px;}
h1        					{display: none;}
h2								{margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 1.6em; color: #006699; font-weight: bold;}
h3								{margin: 0px; padding: 0px 0px 0px 0px; font-size: 1em; color: #000000; text-transform: uppercase;}
h4 							{font-size: 1.2em; color: #000000;}

/* --- formulare --- */
textarea, input, select	{border: 1px solid #999999; font-family: 'Trebuchet MS', Verdana,'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; color: #000000; padding: 2px;}
label							{font-weight: bold;}

/* --- globalni tridy --- */
.clear				{clear: both;}
.smaller				{font-size: 0.85em;}
.small 				{font-size: 0.8em;}
.gray 				{color: #666666;}
.blue 				{color: #004080;}
.red					{color: #9f0000;}
.green				{color: #008000;}
.right 				{text-align: right;}
.center				{text-align: center;}
.left					{text-align: left;}
.block				{text-align: justify;}
.uppercase			{text-transform: uppercase;}
.toleft				{display: block; float: left;	text-align: left;}
.toright				{display: block; float: right; text-align: left;}
.nomargin			{margin: 0px;}
.error				{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a				{color: #000000;}
.hidden				{display: none;}
.border				{display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold					{font-weight: bold; font-size: 1em;}
.underline			{text-decoration: underline;}
.bad           	{color: red; font-weight: bold;}
.box-info			{border: solid 1px #000000; background: #ffffcc url(../img/ico/info.png) 8px 6px no-repeat; color:#222222; padding:4px; text-align: center; width: 80%; margin: 10px 0px 10px 0px;}
.box-error			{border: solid 1px #cc0000; background: #f7cbca url(../img/ico/error.png) 8px 6px no-repeat; color:#cc0000; padding:4px; text-align: center; width: 80%; margin: 10px 0px 10px 0px;}


/* layout webu */
#top	{
	display: block;
	margin: auto;
	width: 903px;
	height: 204px;
	background: url(../img/hlavicka.jpg) top left no-repeat;
}

	#top #top-link {
		display: block;
		float: right;
		width: 263px;
		height: 28px;
	}

		#top #top-link a {
			display: block;		
			height: 28px;
			width: 263px;
		}
	
	#top #top-image {
		display: block;
		float: left;
		width: 300px;
		height: 175px;
	}
	
	#top ul {
		padding-top: 60px;
		text-align: right;
	}

		#top ul li{
			display: inline;
		}

#middle {
	display: block;
	width: 903px;
	margin: auto;
	padding-bottom: 20px;
	text-align: left;
}

	#middle #left {
		display: block;
		float: left;
		display: block;
		width: 200px;
		margin-left: 10px;
	}

		#middle #left h2 {
			display: block;
			float: left;
			background: url(../img/menu.jpg);
			width: 176px;
			height: 59px;
			font-weight: bold;
			font-size: 1.15em;
			letter-spacing: 0.2px;
			padding: 5px 0px 0px 14px;
			margin: 30px 0px 7px 0px;
			color: #ffffff;
			text-transform: uppercase;
		}
	
		#middle #left ul {
			display: block;
			clear: both;
		}

			#middle #left ul li {
				background: url(../img/si.gif) 0px 7px no-repeat;
				padding: 0px 0px 0px 30px;
			}

				#middle #left ul a {
					font-variant: small-caps;
					font-size: 1.2em;
					color: #ffffff;
					text-decoration: none;
				}

				#middle #left ul a:hover {
					text-decoration: underline;
				}
				
		#middle #left div.left-vyhledavani {
			text-align: right;
			width: 190px;
		}

			#middle #left div.left-vyhledavani input {
				width: 188px;	
				color: #666666;
				font-size: 0.85em;
				padding: 3px 0px 3px 0px;
			}

			#middle #left div.left-vyhledavani input.upraveno {			
				color: #000000;
				font-size: 1em;
				padding: 2px 0px 2px 0px;			
			}
			
			#middle #left div.left-vyhledavani input.submit {
				width: 80px;
				border: none;
				color: #ffffff;
				background: #000000;
				font-size: 1em;
				font-weight: bold;
				background: url(../img/si.gif) 0px 6px no-repeat;
				text-transform: uppercase;
				padding: 0px 0px 0px 27px;
				margin: 0px;
				float: right;
			}

		#middle #left div.left-aktuality {
			display: block;
			clear: both;
			width: 180px;
		}

			#middle #left div.left-aktuality a {
				color: #ffffff;
			}

			#middle #left div.left-aktuality hr {
				width: 180px;
			}

	#middle #right {
		display: block;
		float: right;
		width: 648px;
		color: #000000;
		margin: 30px 0px 0px 0px;
		background: #cccccc;
		min-height: 500px;
		_height: 500px;
		padding: 0px 15px 20px 15px;
	}

		#middle #right a {
			color: #6b1110;
		}

		#middle #right h3 {
			background: url(../img/sipka.gif) 5px 11px no-repeat;
			margin: 15px 0px 5px 0px;
			padding: 6px 0px 6px 35px;
			border-top: 1px solid #b0b0b0;
			border-bottom: 1px solid #b0b0b0;
		}		

			#middle #right h3 span {
				font-size: 0.9em;
				font-weight: normal;
				padding-bottom: 2px;
			}

				#middle #right h3 span strong {
					font-size: 1.2em;
				}
		
		#middle #right #top-vyhledavani {
			border-bottom: 1px solid #b0b0b0;
			border-top: 1px solid #b0b0b0;
			margin: 20px 0px 0px 0px;
			padding: 3px 0px 3px 0px;
			height: 30px;
		}

			#middle #right #top-vyhledavani form {
				display: block;
				float: left;
				width: 350px;
				height: 27px;
				background: url(../img/sipka.gif) 0px 12px no-repeat;
				padding: 3px 0px 0px 30px;
			}

			#middle #right #top-vyhledavani p {
				display: block;
				float: right;
				width: 160px;
				height: 24px;
				color: #006699;
				font-weight: bold;
				background: url(../img/sipka.gif) 0px 11px no-repeat;
				margin: 0px;
				padding: 6px 0px 0px 30px;
			}

			#middle #right #top-vyhledavani img, select {
				vertical-align: middle;
			}

		#middle #right #table-main {
			border-bottom: 1px solid #b0b0b0;
			margin: 10px 0px 0px 0px;
		}

			#middle #right #table-main tr th {
				text-align: left;
				color: #006699;
				border-bottom: 1px solid #006699;
				font-size: 0.9em;
				text-transform: uppercase;
			}

				#middle #right #table-main tr th.nabidka		{width: 30px;}
				#middle #right #table-main tr th.model			{width: 200px;}
				#middle #right #table-main tr th.barva			{width: 150px;}
				#middle #right #table-main tr th.zakoupeno	{width: 100px;}
				#middle #right #table-main tr th.najeto 		{width: 100px;}										
				#middle #right #table-main tr th.cena 			{width: 70px;}
			
				#middle #right #table-main tr th a {
					color: #006699;
					text-decoration: none;
				}

					#middle #right #table-main tr th a.vzestupne {
						background: url(../img/sipka_nahoru.gif) right 4px no-repeat;
						padding-right: 10px;
					}
				
					#middle #right #table-main tr th a.sestupne {
						background: url(../img/sipka_dolu.gif) right 4px no-repeat;
						padding-right: 10px;
					}
				
			#middle #right #table-main tr td {
				text-align: left;
				padding: 5px 3px 5px 3px;
				font-size: 0.85em;
				background: #cccccc;
				border-bottom: 1px solid #999999;
				margin-bottom: 3px;
				vertical-align: top;
			}

				#middle #right #table-main tr td a {
					color: #000000;
					font-weight: bold;
				}
		
			#middle #right #table-main tr.first td {
				background: #c4c4c4;
			}

			#middle #right #table-main tr td.right {
				text-align: right;
			}
		
			
		#middle #right #table-profil {
			width: 550px;
			margin: 0px;
		}

			#middle #right #table-profil tr th {
				vertical-align: top;
				width: 140px;
				padding: 2px 2px 2px 10px;
				border-bottom: 1px solid #b0b0b0;
			}
		
			#middle #right #table-profil tr td {
				padding: 3px 2px 3px 10px;
				border-bottom: 1px solid #b0b0b0;
			}

			#middle #right #form-rezervace {
				margin: 20px 0px 30px 0px;
			}

				#middle #right #form-rezervace label {
					display: block;
					float: left;
					width: 120px;
          		padding: 2px 5px 0px 5px;
					margin: 0px 0px 5px 0px;
					text-align: right;
				}          
          
				#middle #right #form-rezervace input { 
					width: 220px;
					padding: 2px;
					margin: 0px 0px 5px 0px;
          	}     

					#middle #right #form-rezervace input.submit { 
						width: 120px;
						text-transform: uppercase;
          		}
          
				#middle #right #form-rezervace textarea{
					width: 400px;
					height: 120px;
					font-size: 1em;
				}