/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
  /* =============================================================================
 HTML5 element display
 ========================================================================== */
 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  /* =============================================================================
 Base
 ========================================================================== */
 /*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Force vertical scrollbar in non-IE
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
 html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; 
 -ms-text-size-adjust: 100%; }
 body { margin: 0; font-size: 13px; line-height: 1.231; }
 body, button, input, select, textarea { font-family: sans-serif; color: #222; }
 /* 
 * These selection declarations have to be separate
* No text-shadow: twitter.com/miketaylr/status/12228805301
* Also: hot pink!
*/
 ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
  /* =============================================================================
 Links
 ========================================================================== */
 a { color: #00e; }
a:focus { outline: none; }
 /* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
*{outline: none;}
 /* =============================================================================
 Typography
 ========================================================================== */
 abbr[title] { border-bottom: 1px dotted; }
 b, strong { font-weight: bold; }
 blockquote { margin: 1em 40px; }
 dfn { font-style: italic; }
 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 ins { background: #ff9; color: #000; text-decoration: none; }
 mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
 /* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
 /* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
 q { quotes: none; }
q:before, q:after { content: ""; content: none; }
 small { font-size: 85%; }
 /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
  /* =============================================================================
 Lists
 ========================================================================== */
 ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
  /* =============================================================================
 Embedded content
 ========================================================================== */
 /*
* Improve image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
 img { border: 0; -ms-interpolation-mode: bicubic; }
 /*
* Correct overflow displayed oddly in IE9 
 */
 svg:not(:root) {
 overflow: hidden;
}
  /* =============================================================================
 Figures
 ========================================================================== */
 figure { margin: 0; }
  /* =============================================================================
 Forms
 ========================================================================== */
 form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
 /* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
 legend { border: 0; *margin-left: -7px; padding: 0; }
 /* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
 /*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
 /*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
 button, input { line-height: normal; *overflow: visible; }
 /*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
 /*
* Consistent box sizing and appearance
*/
 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 /* 
 * Remove inner padding and border in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 /* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }
 /* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
  /* =============================================================================
 Tables
 ========================================================================== */
 table { border-collapse: collapse; border-spacing: 0; }
  /* =============================================================================
 Primary styles
 Author: 
 ========================================================================== */
html, body {height: 100%;}
body {background:url(../images/main-bg.png) 0 0 repeat-x #f1f1f1;font:normal 13px Arial, Helvetica, sans-serif;color:#060606;}
#page { height: auto !important;height: 100%;min-height: 100%;position: relative;margin: 0 auto;background:url(../images/f-bg.png) center bottom repeat-x; }
#bott_height {height: 200px;clear: both;}
footer {position: relative;margin: -200px auto 0;height: 200px; background:url(../images/footer-bg.png) center bottom no-repeat;width:960px;}
a {color:#005bae;}
a:hover, .hover a {color:#28a300}
 .page-wrapper {width:960px;margin:0 auto;padding:0 20px;}
.logo {float:left;padding:50px 0 0 0;margin:0 50px 0 0;}
.head-text {color:#fff;text-shadow:0px 1px 1px #293b4b;font:normal 30px/30px Arial, Helvetica, sans-serif;padding:70px 0 0 0;float:left;}
.head-text span {display:block;color:#fff000;text-shadow:0 1px 1px #4e6a83;padding:5px 0 0 0}
 .feedback {float:right;background:#3D81BF;border-radius:3px;width:198px;height:21px;text-align:center;position:relative;top:37px;}
.feedback a {color:#9dc0df;text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.feedback div {display:none;z-index:2;}
.feedback div a {color:#fff}
.feedback div a:hover {color:#59e242}
.feedback:hover a {display:none}
.feedback:hover div a {display:inline;}
.feedback:hover div {display:block;}
.feedback:hover {height:auto;}
 header {height:210px;}
.countries {margin:0 0 45px; height: 225px;}
.countries td {width:149px;height:25px;vertical-align:middle;padding:0 0 0 11px;position:relative;background-image:url(../images/tr-bg.png);}
.countries td a {display:block;height:25px;line-height:25px;position:relative;text-decoration:none;}
.countries td img {float:right;display:none;position:absolute;right:1px;top:1px;}
.countries td.hover {background:url(../images/tr-bg.png) 0 bottom no-repeat;}
/*.countries td.hover img {display:block;} **********************************zobrazovani vlajek v tabulce statu*/
.countries td.col1 {padding:0 0 0 20px;width:140px;}
.countries td.col1 {background:url(../images/tr-bg.png) 0 0 no-repeat;}
.countries td.col2 {background-position:-160px 0;}
.countries td.col3 {background-position:-320px 0;}
.countries td.col4 {background-position:-480px 0;}
.countries td.col5 {background-position:-640px 0;}
.countries td.col6 {background-position:-800px 0;}
.countries tr:hover td.col1 {background-position:0 -26px;}
.countries tr:hover td.col2 {background-position:-160px -26px;}
.countries tr:hover td.col3 {background-position:-320px -26px;}
.countries tr:hover td.col4 {background-position:-480px -26px;}
.countries tr:hover td.col5 {background-position:-640px -26px;}
.countries tr:hover td.col6 {background-position:-800px -26px;}
 .countries td.col1.hover {background:url(../images/tr-bg.png) 0 bottom no-repeat !important;}
.countries td.col2.hover {background-position:-160px bottom !important;}
.countries td.col3.hover {background-position:-320px bottom !important;}
.countries td.col4.hover {background-position:-480px bottom !important;}
.countries td.col5.hover {background-position:-640px bottom !important;}
.countries td.col6.hover {background-position:-800px bottom !important;}
 .countries td.col6.hover img {right:11px;}
.countries tr:hover {background-position:0 -26px;}
  .map img {display:block;}
.map {margin:0 0 5px; background: url(../images/map-sky.png); background-position: -9px -5px; height: 528px; background-repeat: no-repeat;}
.content h2 {color:#00294f;font:normal 24px Arial, Helvetica, sans-serif;margin:0 0 20px;}
.content p {line-height:19px;margin:0 0 12px;}
  .show-block {background:url(../images/double-border.png) 0 bottom repeat-x;position:relative;padding:0 0 10px 0;margin-bottom:35px;}
.show-block a.more {position:absolute;right:80px;width:73px;height:13px;background:#f1f1f1;padding:0 0 0 21px;display:block;bottom:-3px}
.show-block a.more i {position:absolute;left:3px;top:1px;display:block;width:14px;height:15px;background:url(../images/read-more-bg.png) right 0 no-repeat;}
.show-block a.open i {background-position:0 0;}
 .f-left {position:absolute;width:462px;height:413px;background:url(../images/footer-left.png) 0 0 no-repeat;bottom:0;left:0}
.f-right {position:absolute;width:462px;height:413px;background:url(../images/footer-right.png) 0 0 no-repeat;bottom:0;right:0;}
footer .copy {float:left;padding:85px 0 0 10px;font:normal 12px/19px Arial, Helvetica, sans-serif;color:#000;}
footer .dev {float:right;padding:85px 10px 0 0;font:normal 12px/19px Arial, Helvetica, sans-serif;color:#000;}
.top-bg {background:url(../images/body-bg2.png) center top no-repeat;}
 .bubl {
 position: absolute;
 background: rgba(237, 237, 237, 0.9); /*#ededed;*/
 border: 2px solid #ffffff;
 top: 0;
 z-index: 99;
 text-align: center;
 border-radius: 6px;
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
 padding: 5px;
 display: none;
}
.bubl:after, .bubl:before {
 top: 100%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
 .bubl:after {
 border-top-color: #ededed;
 border-width: 7px;
 left: 50%;
 margin-left: -7px;
}
.bubl:before {
 border-top-color: #ffffff;
 border-width: 10px;
 left: 50%;
 margin-left: -10px;
}
.boldNPP {height:1px; font-size:12px; text-align:left; left:20px; position:relative; top:-35px; color:grey;} 
 /* =============================================================================
 Non-semantic helper classes
 Please define your styles before this section.
 ========================================================================== */
 /* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
 /* Hide for both screenreaders and browsers:
 css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
 /* Hide only visually, but have it available for screenreaders: by Jon Neal.
 www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
 /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
 /* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
 /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
   /* =============================================================================
 PLACEHOLDER Media Queries for Responsive Design.
 These override the primary ('mobile first') styles
 Modify as content requires.
 ========================================================================== */
 @media only screen and (min-width: 480px) {
 /* Style adjustments for viewports 480px and over go here */
 }
 @media only screen and (min-width: 768px) {
 /* Style adjustments for viewports 768px and over go here */
 }
  /* =============================================================================
 Print styles.
 Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 ========================================================================== */
@media print  {
 @page { margin: 1cm; }
 * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints 
 faster: sanbeiji.com/archives/953 */
 a, a:visited { text-decoration:none; }
 abbr[title]:after { content: " (" attr(title) ")"; }
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
 tr, img { page-break-inside: avoid; }
 img { max-width: 100% !important; }
 p, h2, h3 { orphans: 3; widows: 3; }
 h2, h3{ page-break-after: avoid; }
 header{ overflow: auto;}
 
 body {font:normal 13px Arial, Helvetica, sans-serif;color:#060606;}
 
.logo {display:block;float:left;padding:0px 0 0 0;margin:0 10px 0 0;top:-100px;}
.head-text {display:block; color:#fff;text-shadow:0px 1px 1px #293b4b;font:normal 25px/25px Arial, Helvetica, sans-serif;padding:20px 0 80px 50px;float:left;}
.head-text span {display:block;color:#fff000;text-shadow:0 1px 1px #4e6a83;padding:5px 0 0 0}

.content-report .MainTitle {color:#00294f;font:normal 30px Arial, Helvetica, sans-serif;margin:0 0 2px;}
.content-report .DateTitle {color:#00294f;padding-bottom:20px;font:normal 15px Arial, Helvetica, sans-serif;margin:0 0 25px;}

.menu {display:none;}
.print-button {display:none;}
.pris {display:none;}
.outline {display:none;}
.index {display:none;}
.switch {display:none;}
.combobox {display:none;}
}
  /* =============================================================================
 Report styles
 Author: Envinet a.s.
 ========================================================================== */
 /* ============================Menu============================================*/
.menu {float:right;background:#3d81bf;border-radius:3px;width:198px;height:21px;text-align:center;position:relative;top:5px;}
.menu a {color:#9dc0df;text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.menu div {display:none;z-index:2;}
.menu div a {color:#fff}
.menu div a:hover {color:#59e242}
.menu:hover a {display:none}
.menu:hover div a {display:inline;}
.menu:hover div {display:block;}
.menu:hover {height:auto;}

.index {float:right;background:#DAE7EC;border-radius:3px;width:130px;height:21px;text-align:center;position:relative;top:20px;right:820px;}
.index a {display:block; color:#254D73; text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.index:hover {background:white}
.index a:hover {color:#28A300}

.print-button {float:right;background:#DAE7EC;border-radius:3px;width:130px;height:21px;text-align:center;position:relative;top:-1px;right:685px;}
.print-button a {display:block; color:#254D73; text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.print-button:hover {background:white}
.print-button a:hover {color:#28A300}

.switch {float:right;background:#DAE7EC;border-radius:3px;width:130px;height:21px;text-align:center;position:relative;top:-22px;right:550px;}
.switch a {display:block; color:#254D73;text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.switch:hover {background:white}
.switch a:hover {color:#28A300}

.outline {float:right;background:#DAE7EC;border-radius:3px;width:130px;height:21px;text-align:center;position:relative;top:-43px;right:415px;}
.outline a {display:block; color:#254D73; text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.outline:hover {background:white}
.outline a:hover {color:#28A300}

.combobox {float:right;background:#DAE7EC;border-radius:3px;width:200px;height:21px;text-align:left;position:relative;top:-64px;right:135px;}
.combobox {color:#254D73}

.histCNPP {float:right;background:#DAE7EC;border-radius:3px;width:300px;height:25px;text-align:left;position:relative;top:-45px;right:0px;}
.histCNPP {color:#254D73}

.pris {float:right;background:#3D81BF;border-radius:3px;width:130px;height:21px;text-align:center;position:relative;top:-85px;}
.pris a {display:block; color:#9DC0DF; text-decoration:none;font: normal 12px/20px Verdana, Geneva, sans-serif;}
.pris a:hover {color:#59E242}

 /* ============================Text-Table-Styles===========================*/
.content-report .MainTitle {color:#00294f;font:normal 30px Arial, Helvetica, sans-serif;margin:0 0 2px;font-weight:bold;}
.content-report .DateTitle {color:#00294f;padding-bottom:20px;font:normal 15px Arial, Helvetica, sans-serif;margin:0 0 25px;}
.content-report h1 {color:#00294f;font:normal 22px Arial, Helvetica, sans-serif;margin:40px 0px 10px;font-weight:bold;}
.content-report h2 {color:#00294f;font:normal 20px Arial, Helvetica, sans-serif;margin:30px 0px 10px;font-weight:bold;}
.content-report h3 {color:#00294f;font:normal 15px Arial, Helvetica, sans-serif;margin:20px 0px 10px;font-weight:bold;}
.content-report h4 {color:#00294f;font:normal 13px Arial, Helvetica, sans-serif;margin:10px 0px 10px;font-weight:bold;font-style:italic;}
.content-report p {line-height:19px;margin:0 0 12px;}
.content-report .TableDB td {font-size:12px; padding-left: 4px; padding-right: 4px;}
.content-report .TableReactor td {font-size:12px; padding-left: 4px; padding-right: 4px;}