/* CSS RESET */
html, body, p, ul, li, form, div, span, table, h1, h2, h3, h4, h5, h6 {padding:0; margin:0; border:0}
.clear {clear:both; width:100%; height:0; font-size:0}

/* COMMON SETTINGS */
a:hover {text-decoration:none}
.hidden {display:none}
span.external {display:inline-block; padding:1px 13px 1px 0; background:url(/img/external.gif) right 0 no-repeat; _cursor:hand}
span.external:hover {text-decoration:underline}

/* LAYOUT */
body {background:#000 url(/img/back.png) 50% top repeat-x; font-family: sans-serif; font-size:.75em; color:#1e1e1e; padding:65px 0 20px 0}
#content {width:840px; margin:0 auto; position:relative}

#headNoPadding {
	width:820px; background:#575757 url(/img/head-back.png) top repeat-x; position:relative;
	margin:0 auto 15px auto; padding:0 10px 10px 10px; font-size:1.2em; color:#ececec}
#head {
	width:820px; background:#575757 url(/img/head-back.png) top repeat-x; position:relative;
	margin:0 auto 15px auto; padding:10px; font-size:1.2em; color:#ececec}
#headContent {width:818px; border:1px solid #060606; background:#060606; height:414px}
#flashContainerPoradenstvi {width:818px; height:460px; background:#060606 url(/img/poradenstvi.jpg) no-repeat}
#flashContainerTezba {width:818px; height:460px; background:#060606 url(/img/tezba.jpg) no-repeat}
#flashContainerElektrarny {width:818px; height:460px; background:#060606 url(/img/elektrarny.jpg) no-repeat}
#flashContainerHp {width:820px; height:322px; background:#060606 url(/img/header.jpg) no-repeat}
#alternativeContent {width:820px; height:322px; background:#060606 url(/img/header.jpg) no-repeat; position:relative}
#headContentImg {width:818px; border:1px solid #060606; background:#060606; height:278px}
#logo {position:absolute; top:85px; left:-110px; width:79px; height:64px; background:url(/img/logo.gif) no-repeat}
#logo span {display:none}

#headerMenuTitle {display:block; float:left; padding:5px 10px 0 6px; font-size:1.3em; color:#000; margin:0; background:url(/img/dot.gif) 2px 21px no-repeat}
#headerMenu {display:block; padding:0; color:#000; margin:0; background:#f00}
#headerMenu li {display:block; float:left}
#headerMenu li a {display:block; float:left; padding:8px 15px 8px 15px; margin:0; text-decoration:none; color:#1e1e1e}
#headerMenu li a.first {background:url(/img/menu-arrow.gif) no-repeat; padding:8px 15px 8px 32px}
#headerMenu li a.first:hover {background:url(/img/menu-arrow-red.png) no-repeat;}
#headerMenu li a:hover {background:url(/img/menu-red.gif) repeat-x}
#headerMenu li a.firstActive {background:url(/img/menu-arrow-black.png) repeat-x; color:#fff; padding:8px 15px 8px 32px}
#headerMenu li a.active, #headerMenu li a.active:hover {background:url(/img/menu-black.gif) repeat-x; color:#fff}

#mainMenu {position:absolute; top:-38px; left:10px; text-transform:uppercase; font-size:.9em}
#mainMenu li {display:block; float:left; padding:0; font-weight:bold}
#mainMenu li a.active {background:url(/img/dot.gif) 5px 10px no-repeat}

#langMenu {position:absolute; top:-50px; right:5px; text-transform:uppercase; font-size:.9em}
#langMenu li {display:block; float:left; padding:0}
#langMenu li a.active {background:url(/img/dot.gif) 0 10px no-repeat}

#mainMenu a {color:#fff; text-decoration:none; padding:0 10px; display:block; float:left;}
#langMenu a {color:#fff; text-decoration:none; padding:0 5px; display:block; float:left;}
#mainMenu a:hover, #langMenu a:hover {text-decoration:underline;}

#footer {background:#eee; width:100%; margin:20px 0 0 0; clear:both; font-size:.9em}
#footerContent {margin:0 auto; width:840px}
#footer .left {float:left; color:#666; padding:7px 10px}
#footer .right {float:right; color:#666; background:url(/img/motion.gif) 0 5px no-repeat; display:block; padding:7px 10px 7px 18px}
#footer a {color:#666;}

/* CONTENT */
#transparentPage {width:840px}
#page {background:#fafafa url(/img/content-back.gif) top repeat-x; width:840px; padding:15px 0}
#page h1 {border-bottom:1px solid #c8c8c8; padding:0 15px 15px 15px; font-size:1.7em; margin-bottom:20px}
#page h2 {font-size:1.3em; padding-bottom:.5em}
#page h3 {font-size:1.1em; padding-bottom:.5em}
#page a {text-decoration:none; color:#da120b}
#page a:hover {text-decoration:underline}
#page p {padding-bottom:1em; line-height:1.5em}
#page p span, #page li span, #page td span, #page span.small {font-size:.9em; color:#5a5a5a}
#page ul {list-style:none; margin:0 15px; padding-bottom:.5em}
#page li {padding:3px 0; background:url(/img/dot.gif) 0 13px no-repeat; padding:.5em 0 .5em 10px}
#page ul ul {margin:10px 15px}

a.ico-pdf {background:url(/img/ico-pdf.gif) no-repeat; display:block; padding-left:21px; margin-top:5px; height:16px}
a.ico-issuu {background:url(/img/ico-issuu.gif) no-repeat; display:block; padding-left:21px; margin-top:5px; height:16px}

#page .hr {clear:both; border-top:1px solid #c8c8c8; height:25px; font-size:0; margin:0 auto; width:810px}
#page table.zpravy {margin:0; width:auto}
#page table.zpravy h3 {font-size:2em; margin:0 0 5px 0; padding:0}
#page table.zpravy td {padding:10px 50px 10px 0}

#page ul.arrows {margin:0}
#page ul.arrows li {background:url(/img/arrow-small.gif) 0 9px no-repeat; padding:3px 8px;}
#page ul.arrows a {}

#page ul.numbers {list-style:none; margin-bottom:1em}
#page ul.numbers li {padding:.5em 0 .5em 30px}
#page li.li1 {background:url(/img/li1.gif) left center no-repeat}
#page li.li2 {background:url(/img/li2.gif) left center no-repeat}
#page li.li3 {background:url(/img/li3.gif) left center no-repeat}
#page li.li4 {background:url(/img/li4.gif) left center no-repeat; margin-top:12px}

#page table {margin:15px 15px 0 15px; border:0; border-collapse:collapse;}
#page td {border:0; padding:10px;}
#page td.left {border-right:1px solid #a0a0a0; width:135px; vertical-align:top}
#page td.center {width:200px; text-align:center; vertical-align:middle}
#page td.right {width:410px}
#page td.rightwide {width:630px}
#page td.right h2, #page td.rightwide h2 {text-transform:uppercase}
#page table table {width:100%}
#page table table td {text-align:center; vertical-align:middle}

#page div.left {float:left; width:385px; padding:0 0 0 15px}
#page div.right {float:right; width:385px; padding:0 15px 0 0}
#page div.wide {padding:0 15px}

#page table.tiles {margin-bottom:1em}
#page table.tiles img {border:4px solid #414141; z-index:1; z-index:1}
#page table.tiles img:hover {border:4px solid #000}
#page table.tiles a {position:relative; display:block}
#page table.tiles a span {position:absolute; width:33px; height:33px; display:block; top:40px; right:-16px; background:url(/img/zoom24bit.png) no-repeat; z-index:2}

#page .header {border-bottom:1px solid #c8c8c8; margin-bottom:20px}
#page .header h1 {border-bottom:0; padding-bottom:5px; margin-bottom:0}
#page .header ul {margin:0 15px}
#page .header li {display:block; float:left; padding:0 15px 1em 5px; background:url(/img/dot.gif) 0 9px no-repeat; font-size:.9em; color:#5a5a5a}

.newsHeader {padding:0 0 1em 45px; background:url(/img/ico-article.gif) no-repeat; margin-bottom:.5em}
#page .newsHeader h2 {font-size:1.4em; padding:3px 0 0 0}
#page .newsHeader span {color:#777}

#page table.top {width:100%}
#page table.top td {vertical-align:top;}
#page .left table, #page .right table {padding:0; margin:0 0 1em 0}
#page .left td, #page .right td  {padding:5px 0; margin:0}

#page .contactInfo {margin:15px 5px 0 5px}
#page .contactInfo td {padding:8px 15px; width:247px}
#page .contactInfo th {background:#1e1e1e; text-align:left; color:#fff; padding:8px 15px; font-size:1em; width:247px}
#page .contactInfo table {margin:0; padding:0}
#page .contactInfo table td {text-align:left; margin:0; padding:5px 0}

#page .left form table {padding:0; margin:0}
#page .left form td {padding:3px; margin:0; vertical-align:top}
label {padding:7px 5px 5px 0; display:block}
input, textarea {border:1px solid #d7d7d7; padding:3px; width:277px; background:#fff}
input:focus {border:1px solid #da120b}
input.error, textarea.error {border:1px solid #da120b; color:#da120b}
label.error {color:#da120b}

#page span.alert {
	margin:0; padding:6px 6px 6px 25px; width:150px; display:block; float:left; font-size:.9em;
	color:#fff; background:#da120b url(/img/ico-error.gif) 7px 7px no-repeat}
#page span.ok {
	margin:0; padding:6px 6px 6px 25px; width:150px; display:block; float:left; font-size:.9em;
	color:#fff; background:#5bbc41 url(img/ico-ok.gif) 7px 7px no-repeat}
input.submit {
	margin:0; cursor:pointer; background:#141414 url(/img/b-black-button.gif) repeat-x; width:80px;
	padding:4px; color:#fff; display:block; float:right; border:1px solid #141414; font-size:1em}
input.submit:hover {background:#b0b0b0 url(/img/b-grey.gif) top repeat-x; color:#1e1e1e}

#page a.button {
	display:inline-block; padding:5px; width:80px; border:1px solid #090909;
	text-align:center; background:#2e2e2e url(/img/b-black.gif) top repeat-x; color:#8c8c8c;}
#page a.button:hover {background:#b0b0b0 url(/img/b-grey.gif) top repeat-x; color:#1e1e1e}
#page a.buttonActive, a.buttonActive:hover {
	display:inline-block; margin:0 1px; padding:5px; width:81px; border:1px solid #090909;
	text-align:center; background:#cc130c url(/img/b-red.gif) top repeat-x; color:#fff}

.newsArticle {padding:0 0 1em 45px; background:url(/img/ico-article.gif) no-repeat}
#page .newsArticle h2 {font-size:1.1em; padding:3px 0 2px 0}
#page .newsArticle span {color:#777; display:block; padding:0 0 4px 0}
#page .newsArticle a:hover {text-decoration:underline}

a.icoMail {padding:15px 45px; background:url(/img/ico-mail.gif) 0 10px no-repeat; display:block; float:left}
a.icoPrint {padding:15px 45px; background:url(/img/ico-print.gif) 0 10px no-repeat; display:block; float:left}
a.arrow {float:none; display:block; padding:0 0 0 8px; background:url(/img/arrow-small.gif) 0 5px no-repeat; margin:.5em 0 1em 0}

#map {width:240px; height:139px; margin:10px 60px; background:url(/img/map.png) no-repeat; position:relative}
#locationPraha, #locationChrudim, #locationUnicov, #locationBilina {position:absolute; display:block; width:18px; height:23px;}
#locationPraha span, #locationChrudim span, #locationUnicov span, #locationBilina span {display:none}
#locationPraha {top:34px; left:75px;}
#locationChrudim {top:36px; left:112px;}
#locationUnicov {top:45px; left:153px;}
#locationBilina {top:11px; left:48px;}
#mapPraha, #mapChrudim, #mapUnicov, #mapBilina {display:none}

/* HP */
.box {float:left; width:276px; background:#eee url(/img/box-back.gif) bottom repeat-x; color:#4b4b4b; height:242px; margin:0 5px 0 0; position:relative; font-size:.9em}
.last {margin:0}

.box .header {padding-bottom:11px; background:url(/img/arrow.gif) 15px bottom no-repeat}
.box .header h2 {width:242px; height:35px; color:#fff; font-weight:normal; font-size:1.4em; border-width:2px 2px 0 2px; border-color:#000; border-style:solid; background:#111 url(/img/tab-back.gif) bottom repeat-x; padding:15px}
.box p, .box h3, .box h4, .box a {padding:5px 15px; line-height:1.5em}
.box h3 {font-size:1em}
.box h4 {font-size:1.1em; padding:0 15px}
.box a {
	color:#0c0c0c; display:block; width:225px; height:19px; background:url(/img/button-bottom-back.gif) bottom repeat-x;
	border-width:1px 1px 0 1px; border-style:solid; border-color:#cfd0d1; text-decoration:none;
	padding:6px 10px; position:absolute; bottom:15px; left:15px}
.box a:hover {text-decoration:underline}
.box ul {list-style:none; margin:5px 15px 0 15px; padding-bottom:.5em; position:relative;}
.box li {padding:3px 0; background:url(/img/bullet.gif) 0 9px no-repeat; padding:3px 0 3px 10px}