@import url("style.css");

*,	html { padding: 0; margin: 0;}
		html, body { height: 100%;}

body{ font: 75%/140% Tahoma, Geneva, sans-serif; text-align: center; background: #bdbdbd url("/img/body-bg.jpg") no-repeat center top; }

	#page { background: url("/img/body-pattern.png"); width: 100%; min-width: 1000px; min-height: 100%; padding: 50px 0 10px; margin: 0; position: relative;}

	.container { width: 980px; margin: 0 auto; text-align: left;}
	.wrap { position: relative; background: url("/img/wrap-shadow.png") repeat-y  ; padding: 0 10px;}
	.wrap-inner {background: #fff;  }
	
	.article #content .wrap {background: url("/img/wrap-shadow-main.png") repeat-y;}
	.article #content .wrap-inner {background: url(/img/main-bg.png) no-repeat scroll right bottom;}


	#header {background:  url("/img/wrap-bg-up.png") no-repeat left top; padding: 50px 0 0;}
	  #header .wrap-inner {padding: 17px 17px 0;}
  	#logo {padding: 0 0 20px 0; height: 60px;}
			#logo a {position: relative;}
			#logo img {position: absolute; left:0; top:0;}


		
	.main-page #content {background: url("/img/wrap-separator.png") no-repeat; padding: 20px 0 0;}
		.main-page #content .wrap-inner {padding: 6px 0 0; background: #fff url("/img/main-bg.png") no-repeat right bottom;}
		.main-page #main{background: none;}


/* PRVKY */
		#search { position: absolute; top: -41px; right: 10px; width: 201px; height: 36px;  }

		#top-nav {position: absolute; right: 0; top: 40px; font-size: 10px;}
		  #top-nav ul {list-style: none; margin: 0 10px;}
		  #top-nav li {float: left; padding: 0 20px 0 15px;}
		  #top-nav a, #top-nav span {color: #9a141b; font-weight: normal;}
		  
		  #top-nav .ico-tel {background: url("/img/ico-tel.png") no-repeat left center;}
		  #top-nav .ico-ask {background: url("/img/ico-ask.png") no-repeat left center;}
		  #top-nav .ico-contact {background: url("/img/ico-contact.png") no-repeat left center;}
		  #top-nav .ico-help {background: url("/img/ico-help.png") no-repeat left center;}
		  #top-nav .ico-sitemap {background: url("/img/ico-sitemap.png") no-repeat left center;}
		  
/* MAIN-NAV */
		#main-nav { background: #777 url("/img/menu-bg.png") repeat-x left top; height: 37px; margin: 0px 0 6px; }
			#main-nav ul {list-style: none; position: absolute; z-index: 100; margin: 0;}
			#main-nav li {float: left; position: relative; height: 37px; background: url("/img/menu-separator.png") no-repeat right top; padding: 0 2px 0 0;}
        #main-nav li.active {background-image:  url("/img/menu-separator-hover.png");}
				#main-nav li.last {background: none;}
			#main-nav a {display: block; height: 37px; line-height: 37px; color: #fff; padding: 0 20px; font-weight: bold; text-transform: uppercase;}
			#main-nav a:hover, #main-nav a.active, #main-nav a.selected {background: #820e18 url("/img/menu-item-hover.png") repeat-x; text-decoration:none;}

				#main-nav ul ul {display: none; position: absolute; left: 0; top: 0px; width: 250px; background: url("/img/menu-bg-transp.png"); padding: 5px 0 10px; margin: 37px 0 0; }
				#main-nav ul ul li {float: none; background: none; padding: 5px 0; height:1em; }
				#main-nav ul ul li.active, #main-nav ul ul li.selected {background: none;}
				
				#main-nav ul ul li a {background: url("/img/menu-arrow-white.png") no-repeat left 5px; text-transform: none; font-weight: normal; height: 20px; line-height: 20px; margin: 0 20px;}
				#main-nav ul ul li a:hover, #main-nav ul ul li a.active, #main-nav ul ul li a.selected {text-decoration: underline; background: url("/img/menu-arrow-white.png")  no-repeat left 5px;}
				
				#main-nav ul ul ul {display: none;}
				#main-nav .visible {display: block;}
				#main-nav .level2.visible {display: none;}

/* BANNER */
		#banner { position: relative;  height: 141px; overflow: hidden;}
		.main-page #banner {height: 215px;}
			#banner img.bg {position: absolute; top: 0; left: 0; z-index: 10; }
			#banner p {padding:0;}
			#banner #hp-nav {position: absolute;  background: url("/img/hp-nav-bg.png");  left: 44px; top: 38px; width: 836px; z-index: 20;}
	      #hp-nav h2 {font-size: 18px; color: #000; font-weight: bold; padding: 10px 0 10px 0;}
				#hp-nav .logo, #hp-nav .text {padding: 20px 0 15px;}
				#hp-nav .logo {float: left; margin-left: 20px;}
				#hp-nav .text {width: 480px; margin-left: 30px; padding: 0;}
				#hp-nav ul {list-style: none; margin:0;}
				#hp-nav li {float: left; background: none; padding: 0; border-bottom: 9px solid;}
				#hp-nav a {display: block; padding: 0 33px 5px 10px; color: #565656; text-transform: uppercase; font-size: 10px;font-weight: bold; }
				
				#hp-nav .item1 {border-bottom-color: #003797; padding: 0 25px 0 20px;}
				#hp-nav .item2 {border-bottom-color: #43d3f7;}
				#hp-nav .item3 {border-bottom-color: #ffd800;}
				#hp-nav .item4 {border-bottom-color: #f58b33;}
				#hp-nav .item5 {border-bottom-color: #9a141b; padding: 0 25px 0 0;}

/* BOXES */
		#boxes {width: 100%;padding: 0; background: #fff url("/img/boxes-bg.png") repeat-y; border-bottom: 4px solid #9a141b; }
			#boxes .box {float: left; width: 319px;  margin-right: 1px; background: url("/img/ico-shadow.png") repeat-x left 58px; /*border-right: 1px solid #e5e5e5;*/}
			#boxes .box p {font-size: 0.9em; padding: 17px; padding-bottom: 10px;}
			#boxes .box ul { margin: 0 17px; }
			#boxes .box li {font-size: 13px; line-height: 1.5em; font-weight: bold;}
			#boxes .box ul li a {text-decoration: none; color: #000; }
			#boxes .box ul li a:hover {text-decoration: underline;}
			#boxes .item3 {border: 0;}
			
			  #boxes h2 {height: 58px; line-height: 58px; padding: 0 0 0 20px;}
			  #boxes h2 a {color: #000; text-decoration: none;}
			  #boxes h2 a:hover {text-decoration: underline;}

			  #boxes .item1 h2 {background: url("/img/h-cogwheel.jpg") no-repeat right top;}
			  #boxes .item2 h2 {background: url("/img/h-dies.jpg") no-repeat right top;}
			  #boxes .item3 h2 {background: url("/img/h-group.jpg") no-repeat right top;}

	#content { border: 0px solid #f00;}

		.full #content .wrap-inner, .blank #content .wrap-inner {background: #fff; width: 100%;} /* blank - bez pozadi */

	#heading { height: 70px; margin: 0 0 0px 0; background: #fff url("/img/heading-shadow.png") no-repeat left bottom; }
	.full #heading, .blank #heading {background: url("/img/ico-shadow-transp.png") repeat-x left 60px;}
	  #heading .catName {width: 303px; padding: 0 0 0 17px; background-repeat: no-repeat; background-color: #fff; background-position: right bottom; line-height: 60px;}

		#heading .cat12 {background-image: url("/img/h-phone.jpg"); }
		#heading .cat11 {background-image: url("/img/h-boxer.jpg"); }
		#heading .cat10 {background-image: url("/img/h-arrow.jpg");  }
		#heading .cat9  {background-image: url("/img/h-cogwheel-red.jpg") ;}
		#heading .cat8  {background-image: url("/img/h-group.jpg"); }
		#heading .cat7  {background-image: url("/img/h-connect.jpg") ;}
		#heading .cat6  {background-image: url("/img/h-dies.jpg");}
		#heading .cat5  {background-image: url("/img/h-group.jpg") ; }
		#heading .cat4  {background-image: url("/img/h-phone.jpg") ; }

	  #breadcrumbs { font-size: 0.9em; display:table-cell; vertical-align: middle; width: 600px; height: 60px; padding: 0 0 0 20px; *padding-top: 20px; }
	    #breadcrumbs a {color: #171717; font-weight: normal; text-decoration: none;}
	    #breadcrumbs a:hover {text-decoration: underline;}
	    #breadcrumbs .actual { color: #9a141b; font-weight: bold;}

	#column, #news, #main{position: relative;}
		#news {background: url("/img/line-dotted.png") repeat-y right top; margin: 0 0 10px 0; }
			#news p {font-size: 0.9em;border-bottom: 1px solid #e6e6e6; padding: 0 10px 10px 0; margin: 0 0 10px 0;}
			#news .last p {border: 0;}
			#news h2 {padding: 0 0 20px 0;}
			#news h3 {padding: 0;}
			#news .perex {color: #333;}
			
	#main { width: 640px; padding: 0;color: #171717; }
	.full #main {width: 100%; background: none;}
		.main-inner {padding: 18px;}


#page .col {width: 320px;}
#page .col-inner {padding: 18px 17px 0;}

	#column {}
	  #submenu {}

			#submenu ul {padding: 0; margin: 0; list-style: none; background: #8e8e8e url("/img/submenu-bg.png") repeat-y right top;}
			#submenu ul li  {margin: 0 0 0 17px; background: none; padding: 8px 0;}  /* mezery mezi polozkama */
			#submenu ul li.sub {background: #fff; border: 1px solid #6d6d6d; border-right: 0; margin: 0 0 0 17px;}
			#submenu ul a {display: block; padding: 0 0 0 15px; margin: 0 10px; color: #fff; font-size: 13px; font-weight: bold; background: url("/img/list-item-white-grey.png") no-repeat left 5px; }
			#submenu .level0 {padding: 17px 0;}
			#submenu .level1 .sub {border: 0;}
			#submenu .sub a {background: url("/img/list-item-red-white.png") no-repeat left 5px; color: #9a141b;}
		
		#submenu ul ul {background: none; padding: 7px 0 ;}
			#submenu ul ul li {padding: 0;}
	    #submenu .sub ul a {background: url("/img/list-item-red-white-small.png") no-repeat left 5px; font-size: 11px; color: #9a141b;}
	    #submenu .sub ul a.active {color: #444; font-size: 1.1em;}

	#column .others {background: url("/img/shadow-gray.png") repeat-x left top; padding: 16px 0; min-height: 20px;}
	#column .item {width: 284px; margin: 16px auto; padding: 0;}
	#column img, #column iframe {width: 100%; border: 1px solid #888;}

	#column .box { background: #ececec; border: 1px solid #b0b0b0;}
		#column .box h2 {line-height: 60px; height: 66px; padding: 0 0 0 12px; background: url("/img/chapter-bg.png") no-repeat left top;}
		#column .box ul {font-size: 11px; padding: 13px 0 4px; margin: 0 15px;}
		#column .box ul a {color: #000; font-weight: bold; }
		#column .box ul li {padding-bottom: 8px;} /* mezery mezi prvky */

	#bottom-nav, #bottom-nav a { color: #fff; }
		#bottom-nav .wrap-inner { height: 80px; background: #9a141b url("/img/footer-bg.png") repeat-x; }
		#bottom-nav ul {padding:20px 0; margin: 0 20px;}
		#bottom-nav li {height: 20px; line-height: 20px; background: url("/img/list-bullet-red-red.png") no-repeat left center;}
		#bottom-nav ul a {font-weight: normal;}

	#footer {color: #7b7b7b; padding: 0px 0 30px; background: url("/img/footer-down.png") no-repeat left top; font-size: 11px;}
	  #footer .wrap-inner {background: none; padding: 0 30px; margin: 0;}
	  #footer p {padding: 15px 1em 0;}