/* ================================================================================= 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: #646464;
	color: #6a6a6c;
	font-family: Calibri, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 100%;
}

/* --- odkazy --- */
a 						{color: #d6d6d6; text-decoration: underline;}
a:hover 				{color: #d6d6d6; text-decoration: none;}
a.button				{background: #6a6a6c; padding: 3px 10px; text-decoration: none;}
a.button:hover			{background: #6a6a6c; padding: 3px 10px; text-decoration: none; color: #ffffff;}


/* --- 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;}
pre			{font-size: 1.3em; color: #ffffff;}

/* --- 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;}
ol.arrow li			{list-style: none; background: url(../../img/arrow.gif) no-repeat left 6px; padding: 0px 0px 2px 15px; margin: 0px;}
ol.corner 			{background: url(../../img/bcg_ol_corner.gif) repeat-y top left; padding: 4px 0px 0px 0px; margin: 5px 0px 0px 10px;}
ol.corner li		{list-style: none; background: url(../../img/line.gif) no-repeat left 8px; padding: 0px 0px 2px 15px; margin: 0px;}


/* --- obrazky --- */
img			{border: 0px;}
img.border	{padding: 3px; border: 1px solid #d6d6d6;}
img.reference	{padding: 3px; margin: 5px; border: 1px solid #d6d6d6;}
img.toleft	{margin-right: 15px;}

/* --- 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: #6a6a6c; font-size: 1.1em; margin: 0px;}
h1						{display: none;}
h2						{color: #fbbf29; font-size: 1.1em; margin: 5px 0px 5px 0px; padding: 0px; text-decoration: none; border-bottom: 1px solid #fbbf29;}
h3 						{font-size: 1.0em; margin: 0px 0px 5px 0px; padding: 0px; text-decoration: none;}
h4						{font-size: 1.0em; margin: 0px 0px 5px 0px; padding: 0px; text-decoration: none;}

/* --- tabulky --- */
table.nice					{width: 400px; border-collapse: collapse;}
table.nice tr td 			{padding: 4px; font-size: 1em; border: 1px solid #dddddd; background: #ddeff9;}
table.nice tr td.item		{background: #f5f5f5; font-weight: bold; width: 210px; color: #ffffff}
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;}
table.galerie td a img		{border: 1px solid #999999; padding: 2px;}
table.galerie td a:hover img{border: 1px solid #bb9451;}
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;}
table.order 					{width: 840px; font-size: 1.1em; margin: 30px 0px;}
table.order tr td 				{padding: 3px;}
table.order tr td img 			{vertical-align: middle;}						
table.order tr th 				{border-bottom: 1px solid #666666; border-collapse: collapse; text-align: right; font-size: 0.9em;}
table.order tr th.left			{text-align: left;}
table.order tr td.produkt 		{width: 250px;}					
table.order tr td.ks 			{width: 30px;}					
table.order tr td.cenaks 		{width: 95px; text-align: right;}					
table.order tr td.cenacelkem 	{width: 95px; text-align: right;}
table.order tr td.smaz 			{width: 20px; text-align: right;}												
table.order tr td.totalRight 	{border-top: 1px solid #666666; border-collapse: collapse; text-align: right;}
table.order tr td.totalLeft 	{border-top: 1px solid #666666; border-collapse: collapse; text-align: left;}
table.order tr td.total2Right 	{border-bottom: 1px solid #666666; border-collapse: collapse; text-align: right;}
table.order tr td.total2Left 	{border-bottom: 1px solid #666666; border-collapse: collapse; text-align: left;}
table.center	{text-align: center;}

/* --- formulare --- */
form							{margin: 0px; padding: 0px;}
form.objednavka					{font-size: 1.1em;}
input, button, textarea, select	{background: #272526; border: 1px solid #6a6a6c; color: #c8c8c8; font-family: Calibri, sans-serif; font-size: 0.9em; padding: 1px 2px;}
input:focus, button:focus, textarea:focus
								{border: 1px solid #ffffff;}
input.submit					{background: #6a6a6c; color: #ffffff; padding: 0px 2px; cursor: pointer;}
input.checkbox					{vertical-align: -0.5em;}
input.filtruj					{color: #000000;}
select#kapitola					{width: 198px;}
label							{display: block; margin: 10px 0px 3px 0px;}
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;}

form.objednavka	input			{padding: 2px;}
form.objednavka	h3				{margin: 20px 0px 0px 0px; font-size: 1em; color: #ffffff;}



/* --- 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;}
.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;}
.half			{width: 240px;}
.bad			{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}
.ImageToLeft	{float: left; width: 150px;}
.TextToRight	{float: right; width: 300px;}
.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;}


/* ================================================================================= LAYOUT */
#layout {
	background: url(../../img/bcg_content_3.jpg) top left repeat-x #242021;
	border: 1px solid #0b0b0b;
	display: block;
	margin: auto;
	width: 940px;
}

#layout.home {
	background: #000000;
}

#layout form.objednat {
	display: block;
	margin: 0px;
	padding: 0px;
}

	#layout form.objednat input {
		margin: 0px 5px 0px 0px;
		padding: 0px;
	}

		#layout form.objednat input.objednat {
			border: 0px;
			margin-top: 3px;
		}




/* ----- TOP ----- */	
	#layout #layoutTop {
		background: url(../../img/logo_02.jpg) 700px 19px no-repeat;
		display: block;
		height: 117px;
		width: 940px;
	}
	
	#layout #layoutTop.home {
		background: url(../../img/logo_03.png) center 10px no-repeat;
		height: 73px;
	}


/* ----- TOP image ----- */	
		#layout #layoutTop #topImage {
			display: block;
			float: right;
			height: 50px;
			margin: 20px 50px 0px 0px;
			width: 200px;
		}

			#layout #layoutTop #topImage img {
				height: 50px;
				width: 200px;
			}
	
		#layout #layoutTop.home #topImage {
			display: block;
			height: 103px;
			margin: 0px;
			width: 940px;
		}

			#layout #layoutTop.home #topImage img {
				height: 103px;
				width: 940px;	
			}

/* ----- TOP menu ----- */	
		#layout #layoutTop ul#topMenu {
			display: block;
			float: left;
			list-style: none;
			margin: 25px 0px 0px 15px;
			padding: 0px;
		}

			#layout #layoutTop ul#topMenu li {
				display: block;
				float: left;
				height: 68px;
				margin: 0px;
				padding: 0px;
			}

				#layout #layoutTop ul#topMenu li a {
					display: block;
					background: url(../../img/ico_37px.png);
					background-repeat: no-repeat;
					height: 68px;
				}

					#layout #layoutTop ul#topMenu li a:hover {
						display: block;
						background: url(../../img/ico_37px_hover.png);
						background-repeat: no-repeat;
					}
				
					#layout #layoutTop ul#topMenu li a span {
						display: none;
					}		
		
				#layout #layoutTop ul#topMenu li.onas 				{width: 30px; margin-right: 10px;}
				#layout #layoutTop ul#topMenu li.reference 			{width: 39px;}
				#layout #layoutTop ul#topMenu li.custominstalations {width: 49px; margin-right: 5px;}
				#layout #layoutTop ul#topMenu li.produkty 			{width: 38px; margin-right: 10px;}
				#layout #layoutTop ul#topMenu li.partneri 			{width: 33px; margin-right: 10px;}
				#layout #layoutTop ul#topMenu li.kontakty 			{width: 35px; margin-right: 10px;}
				#layout #layoutTop ul#topMenu li.kosik	 			{width: 50px; margin: 0px 10px 0px 20px;}
				
				#layout #layoutTop ul#topMenu li.onas a 				{width: 30px; background-position: -4px;}
				#layout #layoutTop ul#topMenu li.reference a 			{width: 39px; background-position: -268px;}
				#layout #layoutTop ul#topMenu li.custominstalations a 	{width: 49px; background-position: -48px;}
				#layout #layoutTop ul#topMenu li.produkty a 			{width: 38px; background-position: -110px;}
				#layout #layoutTop ul#topMenu li.partneri a 			{width: 33px; background-position: -163px;}
				#layout #layoutTop ul#topMenu li.kontakty a 			{width: 35px; background-position: -216px;}				
				#layout #layoutTop ul#topMenu li.kosik a	 			{width: 50px; background-position: -1356px;}				

				
				
	#layout #layoutContent {
		background: #242021;
		display: block;
		clear: both;
		padding: 20px 50px;
		width: 840px;
	}
	
	
		#layout #layoutContent table#contentMenuTable {	
			width: 940px;
		}

			#layout #layoutContent table#contentMenuTable tr td {	
				vertical-align: middle;
				text-align: center;
			}
	
		#layout #layoutContent ul#contentMenuMain {
			display: block;
			list-style: none;
			margin: auto;
			padding: 0px;
			width: 640px;
		}

			#layout #layoutContent ul#contentMenuMain li {
				display: block;
				float: left;
				height: 175px;
				margin: 0px 15px 0px 15px;
				padding: 0px;
			}

				#layout #layoutContent ul#contentMenuMain li a {
					display: block;
					height: 175px;
					background: url(../../img/ico_120px.png);
				}

					#layout #layoutContent ul#contentMenuMain li a:hover {
						display: block;
					}
				
					#layout #layoutContent ul#contentMenuMain li a span {
						display: none;
					}		
		
				#layout #layoutContent ul#contentMenuMain li.ospolecnosti 		{width: 93px;}
				#layout #layoutContent ul#contentMenuMain li.olidech	 		{width: 93px;}
				#layout #layoutContent ul#contentMenuMain li.ospolupraci 		{width: 89px;}
				#layout #layoutContent ul#contentMenuMain li.napsalionas  		{width: 93px;}
				#layout #layoutContent ul#contentMenuMain li.pracovninabidka	{width: 116px;}
				
				#layout #layoutContent ul#contentMenuMain li.ospolecnosti a 	{width: 93px; background-position: -2626px;}
				#layout #layoutContent ul#contentMenuMain li.olidech a 			{width: 93px; background-position: -2107px;}
				#layout #layoutContent ul#contentMenuMain li.ospolupraci a 		{width: 89px; background-position: -2799px;}	
				#layout #layoutContent ul#contentMenuMain li.napsalionas a 		{width: 93px; background-position: -2279px;}		
				#layout #layoutContent ul#contentMenuMain li.pracovninabidka a	{width: 116px; background-position: -2453px;}		
	
		#layout #layoutContent #contentOneColumn {
			display: block;
			float: left;
			margin: 0px;
			padding: 0px;
			width: 840px;
		}		

		#layout #layoutContent #contentTwoColumn {
			display: block;
			float: left;
			margin: 0px;
			padding: 0px;
			width: 840px;
		}		
		
			#layout #layoutContent #contentTwoColumn #twoColumnLeft {
				display: block;
				float: left;
				padding: 0px 10px 0px 0px;
				width: 210px;
			}

			#layout #layoutContent #contentTwoColumn #twoColumnRight {
				display: block;
				float: right;
				padding: 0px 0px 0px 10px;
				width: 610px;
			}
			
		#layout #layoutContent #contentThreeColumn {
			display: block;
			float: left;
			margin: 0px;
			padding: 0px;
			width: 840px;
		}		
		
			#layout #layoutContent #contentThreeColumn #threeColumnLeft {
				display: block;
				float: left;
				padding: 0px 5px;
				width: 200px;
			}

				#layout #layoutContent #contentThreeColumn #threeColumnLeft ul {
					margin: 0px;
					padding: 0px;
				}
		
			#layout #layoutContent #contentThreeColumn #threeColumnRight {
				display: block;
				float: right;
				width: 610px;
			}

				#layout #layoutContent #contentThreeColumn #threeColumnRight #columnRightLeft {
					display: block;
					float: left;
					padding: 0px 5px;
					width: 290px;
				}

				#layout #layoutContent #contentThreeColumn #threeColumnRight #columnRightRight {
					display: block;
					float: right;
					padding: 0px 5px;
					width: 290px;
				}

	#layout #layoutContent.home {
		background: #000000;
		height: 300px;
	}
	
		#layout #layoutContent ul#contentMenuHome {
			display: block;
			list-style: none;
			margin: 0px 0px 0px 200px;
			padding: 0px;
		}

			#layout #layoutContent ul#contentMenuHome li {
				display: block;
				float: left;
				margin: 0px 15px 0px 15px;
				padding: 0px;
			}

				#layout #layoutContent ul#contentMenuHome li a {
					display: block;
					background: url(../../img/ico_67px.png);
				}

					#layout #layoutContent ul#contentMenuHome li a:hover {
						display: block;
						background: url(../../img/ico_67px_hover.png);
					}
				
					#layout #layoutContent ul#contentMenuHome li a span {
						display: none;
					}		
		
				#layout #layoutContent ul#contentMenuHome li.ospolecnosti {
					height: 102px;
					width: 52px;
				}
			
				#layout #layoutContent ul#contentMenuHome li.custominstalations {
					height: 102px;
					width: 64px;
				}
			
				#layout #layoutContent ul#contentMenuHome li.onas {
					height: 102px;
					width: 57px;
				}
			
				#layout #layoutContent ul#contentMenuHome li.produkty {
					height: 102px;
					width: 60px;
				}
			
				#layout #layoutContent ul#contentMenuHome li.partneri {
					height: 102px;
					width: 55px;
				}
			
				#layout #layoutContent ul#contentMenuHome li.kontakty {
					height: 102px;
					width: 61px;
				}
			
				#layout #layoutContent ul#contentMenuHome li.ospolecnosti a 		{height: 102px; width: 52px; background-position: -7px;}
				#layout #layoutContent ul#contentMenuHome li.custominstalations a 	{height: 102px; width: 64px; background-position: -103px;}
				#layout #layoutContent ul#contentMenuHome li.onas a 				{height: 102px; width: 57px; background-position: -490px;}
				#layout #layoutContent ul#contentMenuHome li.produkty a 			{height: 102px; width: 60px; background-position: -200px;}
				#layout #layoutContent ul#contentMenuHome li.partneri a 			{height: 102px; width: 55px; background-position: -296px;}
				#layout #layoutContent ul#contentMenuHome li.kontakty a 			{height: 102px; width: 61px; background-position: -393px;}

				
	/* ---------------------------------------------------------- PATICKA ------------------------------------------------------------------------------------------------------------- */
	#layout #layoutBottom {
		background: url(../../img/bcg_contentbottom.jpg) top repeat-x #242021;
		clear: both;
		display: block;
		margin: 0px;
		padding: 0px;
		width: 940px;
	}

	#layout #layoutBottom.homepage {
		background-position: 0px -65px;
	}
	
	#layout.home #layoutBottom {
		background: #000000;
	}
	
	#layout #layoutBottom #bottomInner {	
		display: block;
		margin: 0px 65px;
		padding: 135px 0px 3px 0px;
		width: 810px;
	}

	#layout.home #layoutBottom #bottomInner {	
		padding: 0px ;
	}

	#layout #layoutBottom.homepage #bottomInner {	
		padding: 65px 0px 0px 0px;
	}

	
		#layout #layoutBottom #bottomInner strong {
			color: #ffffff;
		}

		#layout #layoutBottom #bottomInner a {
			color: #6a6a6c;
		}

			#layout #layoutBottom #bottomInner a:hover {
				color: #ffffff;
				text-decoration: underline;
			}
	
	
		#layout #layoutBottom #bottomInner #bottomInnerLeft {
			display: block;
			float: left;
			width: 270px;
		}

			#layout #layoutBottom #bottomInner #bottomInnerLeft form p {
				text-align: center;
			}
		
			#layout #layoutBottom #bottomInner #bottomInnerLeft form input {
				width: 75px;
				margin-right: 5px;
			}

				#layout #layoutBottom #bottomInner #bottomInnerLeft form input.submit {
					width: 50px;
					margin-right: 0px;
				}

		#layout #layoutBottom #bottomInner #bottomInnerRight {
			display: block;
			float: left;
			width: 540px;
		}

			#layout #layoutBottom #bottomInner #bottomInnerRight ul {
				display: block;
				float: left;
				margin: 0px;
				padding: 0px 0px 0px 0px;
				width: 240px;
			}

				#layout #layoutBottom #bottomInner #bottomInnerRight ul li {
					display: inline;
 					float: left;
				}
			
			#layout #layoutBottom #bottomInner #bottomInnerRight form {
				display: block;
				float: right;
				margin: 0px;
				text-align: center;				
				width: 270px;
			}	

				#layout #layoutBottom #bottomInner #bottomInnerRight form p {
					text-align: center;				
				}