body {margin: 0; padding: 34px 0 0 0; background: #07567f url("../images/wesico_02.jpg") 0 0 repeat-x; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a {color: #003f7d; text-align: center;}
ul {padding: 0; margin: 0;}
img {border: none;}
h1 {font-size: 14px; color: #fff; padding: 15px; margin: 0; margin-bottom: 10px;}
h2 {font-size: 12px; color: #0c71a5; padding: 15px; margin: 0;}
h3 {font-size: 12px; color: #003f7d; padding: 15px; margin: 0;}
span.akce  {color: #f00;}
p {line-height: 18px;}
td {vertical-align: top;}

div#wrap {width: 971px; margin: 0 auto; margin-bottom: 34px; background: #07567f url("../images/wrap_bg.jpg") 265px 0 repeat-y;}
div#content-warp {height: 100%; background-color: #fff;}

div#header {width: 971px; height: 290px; background: #fff url("../images/wesico_10.jpg") 0 105px no-repeat;}
	div#header img {float: left;}
	div#top_menu {float: right; background: #0c70a4 url("../images/wesico_07.jpg") 100% 0 no-repeat; height: 55px; border-bottom: 1px solid #084869; border-left: 2px solid #084869;}
	div#top_menu ul {padding-left: 15px; padding-top: 20px;}
	div#top_menu ul li {float: left; padding: 0px 20px; line-height: 14px; list-style-type: none; border-right: 1px solid #88aec0;}
	div#top_menu ul li.last {border-right: none; margin-right: 35px;}
	div#top_menu ul li#last_icon  {border-right: none; padding-right: 35px;}
	div#top_menu ul li.top_menu_icon {padding-top: 3px;}
	div#top_menu ul li a {color: #fff; font-weight: bold; text-decoration: none;}
	div#top_menu ul li a:hover {text-decoration: underline;}

div#left_padding {background: #fff url("../images/left_bottom.jpg") 0 100% no-repeat; padding: 0 0 3px 1px; float: left; clear: left;}	
div#left {background: #d1e8f4; padding-left: 24px; float: left; clear: left;}
	div#left_menu {background: #fff url("../images/left_menu_bottom.jpg") 0 100% no-repeat; color: #003f7d; width: 240px; padding-bottom: 20px;}
	div#left_menu ul {list-style-type: none;}
	div#left_menu ul li {padding: 0; border-bottom: 1px solid #d5e9f9; font-weight: bold;}
	div#left_menu ul li.nazev_kategorie {color: #fff; font-size: 14px; padding: 15px 0 15px 15px; background: #f58f1a url("../images/left_menu_title.jpg") 0 0 repeat-x;}
	div#left_menu ul li.sub {font-weight: normal; font-size: 11px;}
	div#left_menu ul li.sub a {padding-left: 45px;}
	div#left_menu ul li a {padding: 5px 0 5px 30px; display: block;text-align: left; text-decoration: none; background: #fff url("../images/wesico_20.jpg") 95% 50% no-repeat;}
	div#left_menu ul li a.selected {color: #f75b2b; font-weight: bold; background: #fff url("../images/wesico_23.jpg") 95% 50% no-repeat;}
	div#left_menu ul li a:hover {text-decoration: underline;}
	

	div#left img {float: right;}
	div#left p {padding: 20px 10px 10px 30px; font-size: 11px; width: 200px; margin: 0;}
	div#left p#left_menu_telefon {border-top: 1px solid #e9f4fa; border-bottom: 1px solid #e9f4fa; padding-top: 10px;}
	div#left p#left_menu_e {padding-bottom: 25px; padding-top: 10px;}
	
div#content {float: right; width: 704px; background-color: #ecf7fc; padding: 0 1px;}
	div#content h1 {background: url("../images/h1_bg.jpg") 0 0 repeat-x;}
	div#content p {background-color: #ecf7fc; margin: 0; padding: 10px 20px;}
	div#content h2 {background-color: #d1e8f4;}
	div#content h3 {padding-bottom: 5px;}
	div#content p.content_image {text-align: center; padding: 20px;}
	
	div#welcome {width: 412px; float: left; padding-bottom: 30px;}
	div#welcome h1 {margin-bottom: 0;}
	div#welcome p {background-color: #ecf7fc; margin: 0; padding: 12px 0 5px 20px;}
	div#welcome p img {margin: 5px 20px 0 20px;}
	div#welcome div#perex { margin: 0;}
	div#welcome div#perex a {width: 206px; height: 196px; margin-right: 1px; margin-bottom: 20px; display: block; float: left; background: url("/images/prum_vahy.jpg") 0 0 no-repeat;}
	div#welcome div#perex a:hover {background-position: -206px;}
	div#welcome div#perex a#kom {width: 205px; height: 196px; float: left; margin-right: 0;  background: url("../images/kom_vahy.jpg") 0 0 no-repeat;}
	div#welcome div#perex a#kom:hover {background-position: -205px;}
	div#welcome div#perex a span {display: none;}
	
	div#clanek {padding-bottom: 30px;}
	div#clanek h2 {margin-left: 1px; margin-right: 1px; padding-bottom: 5px; background: none; background-color: #ecf7fc; margin-bottom: 0;}
	div#clanek ul {padding-left: 40px; padding-top: 20px; margin-top: 0; list-style-image: url("/images/li.gif");}
	div#clanek ul li {padding: 3px 10px 3px 10px; list-style-type: disc;}
	div#clanek ul li.akcia {color: #e15500;}
	div#clanek p {background-color: #ecf7fc; margin: 0; padding: 13px 20px 6px 20px;}
	div#clanek p.nahoru {text-align: right;}
	div#clanek p.clanek_image {text-align: center;}
	div#clanek img#clanek_img {float: right; margin: 20px;}
	div#clanek table {margin: 18px;}
	div#clanek table th {padding: 5px; color: #000; text-align: left; border: 1px solid #d1e8f4; background-color: #d1e8f4;}
	div#clanek table td {padding: 5px; border: 1px solid #d1e8f4;}
	div#clanek table td strong {color: #f75b2b;}
	div#clanek p img {padding: 1px; border: 1px solid #d1e8f4; margin: 10px; margin-right: 0;}
	div#clanek hr {color: #d1e8f4; background-color: #d1e8f4; height: 1px; border: none;}
	
	
	div.clanek div.popis h2 {margin-left: 1px; margin-right: 1px; padding-top: 8px; padding-bottom: 8px; clear: left;}
	div.clanek div.popis ul{padding-left: 40px; padding-top: 5px; padding-bottom: 5px;}
	div.clanek div.popis ul li {padding: 5px 10px 6px 10px; list-style-type: square;}
	div.clanek div.popis ul li.akcia {color: #f00;}
	div.clanek div.popis p {margin: 0; padding: 13px 20px 6px 20px;}
	div.clanek div.popis img {margin: 16px; ; margin-top: 13px;}
	div.clanek div.popis div {float: left;}
	div.clanek div.popis table {margin: 13px 20px 13px 20px;}
	div.clanek div.popis table td {padding-right: 10px;}
	div.clanek div.popis table td strong {color: #f75b2b;}
	
	div#aktuality {float: right; width: 292px; background-color: #ecf7fc; padding-bottom: 10px;}
	div#aktuality h2 {background: url("../images/h2_bg.jpg") 0 0 repeat-x;}
	div#aktuality h3 {padding-bottom: 5px;}
	div#aktuality p {margin: 0; padding-left: 20px; padding-right: 20px; font-size: 11px; padding: 0px 20px 5px 20px;}
	
	div#reference {float: right; width: 292px; background-color: #ecf7fc; padding-bottom: 10px;}
	div#reference h2 {background: url("../images/h2_bg.jpg") 0 0 repeat-x;}
	div#reference h3 {padding-bottom: 5px;}
	div#reference p {margin: 0; padding-left: 20px; padding-right: 20px; font-size: 11px; padding: 0px 20px 0 20px;}
	
	.reference table {margin: 18px; padding: 0; font-size: 11px; width: 665px;}
	.reference table th {padding: 2px 5px 2px 5px; color: #0c71a5; text-align: left; margin: 0;}
	.reference table td {padding: 2px 5px 2px 5px; border-top: 1px solid #d1e8f4; margin: 0; vertical-align: top;}

div#footer {clear: left; background-color: #07567f; padding-bottom: 34px; margin-left: 265px;}
	div#footer a {color: #003f7d;}
	div#footer_menu {color: #fff; padding-top: 4px; padding-bottom: 5px; background-color: #f58f1a; clear: both;}
	div#footer_menu a {text-decoration: none; color: #fff; padding: 0 20px;}
	div#footer_menu a:hover {text-decoration: underline;}
	div#footer_bottom {background-color: #fff; clear: both; text-align: right; padding: 20px;}
	div#footer_bottom span#footer_left {float: left;}