/* ================================================================================= RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ================================================================================= ZAKLADNI HTML PRVKY */
body	{
	background: url(../../img/top.jpg) top center no-repeat;
	color: #000000;
	font-family: Calibri, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* --- odkazy --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; 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: 0px 0px 15px 0px; line-height: 1.3em;}
hr			{display: block; clear: both; margin: 10px 0px 10px 0px; color: #f68f21; background: #f68f21; text-align: center; border-width: 0px;}

/* --- seznamy --- */
ul			{list-style: square; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol			{margin: 5px 0px 5px 15px; padding: 4px 0px 0px 5px;}

/* --- obrazky --- */
img			{border: 0px;}
img.border	{border: 1px solid #d2e5b8; padding: 5px; background: #ffffff;}

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

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 	{clear: both; color: #000000; font-size: 1.1em; margin: 0px;}
h1						{display: none;}
h2						{font-size: 1.2em; margin: 0px 0px 15px 0px; padding: 4px 0px 4px 10px; border: 3px solid #96d836; background: #ffffff;}
h3 						{font-size: 1.1em; margin: 20px 0px 20px 0px; padding: 4px 3px 4px 10px; background: #a0a0a0; color: #ffffff; border-bottom: 1px dotted #000000; font-weight: normal;}
h4						{font-size: 1.0em; margin: 0px 0px 5px 0px; padding: 0px;}

/* --- tabulky --- */
table.nice					{width: 500px; border-collapse: collapse;}
table.nice tr td 			{padding: 4px; font-size: 1em; border: 1px solid #dddddd; background: #ffffff;}
table.nice tr td.item		{background: #e6f5cd; font-weight: bold; width: 150px; color: #000000}
table.nice tr th			{background: #f5f5f5; border: 1px solid #dddddd; font-weight: bold; padding: 3px; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short					{width: 150px;}
table.medium				{width: 350px;}
table.galerie				{width: 660px;}
table.galerie td			{width: 150px; padding: 5px 0px 5px 0px; background: #ffffff;}
table.galerie td a img		{border: 1px solid #999999; padding: 2px;}
table.galerie td a:hover img{border: 1px solid #bb9451;}
table td.galerie {text-align: center; border: 1px rgb(160,160,160) solid; padding: 5px; background-color: rgb(238,238,238);}
table.kalendar				{width: 660px; border: 1px solid #dddddd; border-collapse: collapse;}
table.kalendar tr td			{border: 1px solid #dddddd; height: 18px; width: 15px;}
table.kalendar tr th			{background: #ddeff9;}
table.kalendar tr td.mesic		{background: #f5f5f5; font-weight: bold; padding: 0px 3px 0px 3px; width: 70px;}
table.kalendar tr td.neni		{background: #99cd99;}
table.kalendar tr td.obsazeno	{background: #ff0000;}
table.kalendar tr td.nadotaz	{background: #f3fd82;}
table.kalendar tr td.volno		{background: #fafdfe;}
table.kalendar tr td.popis		{background: #ffffff; padding: 0px 3px 0px 3px; width: 115px;}

/* --- formulare --- */
form												{margin: 0px; padding: 0px;}
input, button, textarea			{background: #fef8ed; border: 1px solid #000000; font-family: Calibri, sans-serif; margin-bottom: 5px; padding: 3px;}
input.checkbox							{vertical-align: -0.2em;}
input.radio									{vertical-align: -2px; border: none;}
label 											{margin: 3px 10px 3px 10px; width: 120px; float: left; text-align: right;}
label.kratsi 								{width: 80px;}
label.delsi 								{width: 150px;}
label.dlouhy 								{width: 350px; float: none; margin: 0px;}
label.pravy 								{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 							{color: #004080;}
fieldset										{border: 1px solid #000000; background: #ffffff; margin-top: 15px; width: 550px;}
legend											{border: 1px solid #000000; background: #c2c0d8; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}

/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 		{font-size: 1.1em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.red				{color: #9f0000;}
.green			{color: #008000;}
.brown			{color: #573a32;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left				{text-align: left;}
.border			{border: 1px solid #96d836; padding: 9px 10px 0px 10px; margin: 0px 0px 15px 0px; background: #e6f5cd;}
.toblock		{text-align: justify;}
.toleft			{display: block; float: left; text-align: left;}
.toright		{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.nobold			{font-weight: normal;}
.noborder		{border-width: 0px;}
.nobackground	{background: none;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;}
.hidden			{display: none;}
.bad				{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}
.ImageToLeft	{float: left; width: 200px; margin-right: 10px;}
.ImageToRight	{float: right; width: 200px; margin-left: 10px;}
.ImageToLeft2	{float: left; margin-right: 10px;}
.ImageToRight2 {float: right; margin-left: 10px;}
.box-info		{border: solid 1px #000000; background: #ffffcc url(../../img/ico/info.png) 8px 5px no-repeat; color:#222222; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.box-error		{border: solid 1px #cc0000; background: #f7cbca url(../../img/ico/error.png) 8px 5px no-repeat; color:#cc0000; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.strong			{font-weight:bold; font-size: 1.3em; margin: 10px 5px 10px 5px;}
.half-left		{display: block; float: left; width: 460px;}
.half-right		{display: block; float: right; width: 460px;}
.period-left	{display: block; float: left; width: 300px;}
.period-right	{display: block; float: right; width: 560px;}


/* ================================================================================= LAYOUT */
#layout {
	display: block;
	margin: auto;
	width: 980px;
}

	#layout #top {
		display: block;
		float: left;
		height: 199px;
		width: 980px;
	}

	#layout ul#topMenu {
		display: block;
		height: 37px;
		margin: 0px;
		padding: 0px 4px;
		width: 972px;
	}
		#layout ul#topMenu li {
			background: url(../../img/dt.gif);
			display: inline;
			float: left;
			height: 37px;
			margin: 0px 1px 0px 0px;
			padding: 0px;
			width: 125px;
		}	
		#layout ul#topMenu li.kontakt{
    width: 167px;
    }
    
			#layout ul#topMenu li a {
				display: block;					
				font-weight: bold;
				height: 29px;
				text-align: center;
				text-transform: uppercase;
				padding: 8px 0px 0px 0px;
				width: 161px;
			}

			#layout ul#topMenu li a span {
				display: none;			
			}
						
	#layout #content {
		display: block;
		float: left;
		padding: 20px 10px 0px 10px;
		width: 960px;
	}	
			
		#layout #content #homepageLeft {	
			float: left;
			width: 264px;
		}

			#layout #content div.banner {
				font-weight: bold;
				height: 47px;
				margin: 10px 10px 15px 0px;
				padding: 30px 0px 0px 110px;
				width: 154px;
			}	

				#layout #content div.banner a {
					color: #ffffff;
					font-size:  1em;
					text-decoration: none;
				}

				#layout #content div.banner a:hover {		
					text-decoration: underline;			
				}
			
			#layout #content #homepageLeft div#VelkoplosnyTisk {
				background: url(../../img/banner_VelkoplosnyTisk.png) top left no-repeat;
			}

			#layout #content #homepageLeft div#Poutace {
				background: url(../../img/banner_Poutace.png) top left no-repeat;
			}

			#layout #content #homepageLeft div#Tiskoviny {
				background: url(../../img/banner_Tiskoviny.png) top left no-repeat;
			}
			
			#layout #content #homepageLeft div#PolepyVozidel {
				background: url(../../img/banner_PolepyVozidel.png) top left no-repeat;
			}
			
			#layout #content #homepageLeft div#PrezentacniSystemy {
				background: url(../../img/banner_PrezentacniSystemy.png) top left no-repeat;
			}

			#layout #content #homepageLeft div#Bannery {
				background: url(../../img/banner_Bannery.png) top left no-repeat;
			}
			
			#layout #content #homepageLeft div#Samolepky {
				background: url(../../img/banner_Samolepky.png) top left no-repeat;
			}
			
			#layout #content #homepageLeft div#Webdesign {
				background: url(../../img/banner_Webdesign.png) top left no-repeat;
			}			
		
		#layout #content #homepageRight {
			float: right;
			margin: 10px 0px 0px 10px;
			width: 675px;
		}

			#layout #content #homepageRight #rightText {
				background: url(../../img/bcg_home_text.jpg) top left no-repeat;
				display: block;
				float: right;
				height: 233px;
				padding: 10px 10px 10px 20px;
				width: 645px;			
			}

				#layout #content #homepageRight #rightLeft {
					display: block;
					float: left;
					padding: 0;
					width: 451px;			
				}

					#layout #content #homepageRight #leftKontakty {
						display: block;
						float: left;
						height: 180px;
						margin: 10px 0 0 0;
						padding: 0;
						width: 162px;
					}

					#layout #content #homepageRight #leftRozcestnik {
						background: url(../../img/bcg_rozcestnik.jpg) 0px 39px no-repeat;
						display: block;
						float: right;
						height: 143px;
						margin: 0;
						padding: 48px 0 0 15px;
						width: 271px;
					}

				#layout #content #homepageRight #rightRight {
					background: url(../../img/bcg_aktuality.jpg) top left no-repeat;
					display: block;
					float: left;
					height: 334px;
					margin: 0px 0px 0px 7px;
					padding: 10px;
					width: 197px;			
				}				
		
			#layout #content #homepageRight table tr td.bannerRight {
				padding: 0px 0px 0px 15px;
			}	
	
	#layout #bottom {	
		border-top: 2px solid #93d337;
		display: block;
		float: left;
		padding: 10px;
		width: 960px;
	}