/* Common
----------------------------------------------------------------------------------------------------*/
/*html {background:url(https://i4.ctk.cz/protext/2012/bg.png) repeat;}*/
html {
  background-color: #F7F8F8;
}

body {
  /*padding-bottom:50px;*/
}

a {
  color: #186aa0;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  color: #186aa0;
}

h1 {
  font-size: 187.5%;
  font-weight: bold;
}

h2 {
  font-size: 137.5%;
}

h3 {
  font-size: 125%;
}

h4 {
  font-size: 112.5%;
}

/* Fonts size
8px		0.5em		50%	6	pt
9px		0.563em		56.3%	7pt
10px	0.625em		62.5%	8pt
11px	0.688em		68.8%	8pt
12px	0.75em		75%		9pt
13px	0.813em		81.3%	10pt
14px	0.875em		87.5%	11pt
15px	0.938em		93.8%	11pt
16px	1em			100%	12pt
17px	1.063em		106.3%	13pt
18px	1.125em		112.5%	14pt
19px	1.188em		118.8%	14pt
20px	1.25em		125%	15pt
21px	1.313em		131.3%	16pt
22px	1.375em		137.5%	17pt
23px	1.438em		143.8%	17pt
24px	1.5em		150%	18pt
*/


form p {
  font-size: 87.5%;
}

legend {
  font-weight: bold;
}

label {
  display: inline-block;
  text-align: right;
  line-height: 2.5em;
  font-size: 87.5%;
}

label.not {
  width: auto;
}

input {
  padding: 5px;
  font-size: 87.5%;
}

select {
  font-size: 87.5%;
}

input[type=text],
input[type=email],
input[type=date],
input[type=time],
input[type=search],
input[type=tel],
input[type=password],
textarea {
  border: 1px solid #8c8c8c;
  -webkit-box-shadow: inset -1px -1px 2px 0px #dedede;
  -moz-box-shadow: inset -1px -1px 2px 0px #dedede;
  box-shadow: inset -1px -1px 2px 0px #dedede;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

textarea {}

input[type=text],
input[type=email],
input[type=search],
input[type=tel],
input[type=password] {
  width: 200px;
}

input[type=date],
input[type=time] {
  width: 80px;
}

input:focus,
textarea:focus {
  background: #d6e9ff;
}


/* Specific
----------------------------------------------------------------------------------------------------*/

.relative {
  position: relative;
}

.fright {
  float: right;
}

.fleft {
  float: left
}

.alpha {
  margin-left: 0 !important;
}

.omega {
  margin-right: 0 !important;
}

.bold {
  font-weight: bold;
}

.note {
  color: #989898;
}

p.note {
  font-size: 87.5%;
}

.subline {
  border-bottom: 1px solid #e1e1e1;
}

.border-radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.border-radius_10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.border_bottom {
  border-bottom: 1px solid #e1e1e1;
}

.margin_top {
  margin-top: 30px;
}

.margin_left {
  margin-left: 10px;
}

.padovan {
  padding: 1px 0;
}

.button {
  position: relative;
  padding: 7px 15px;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #7e7e7e;
  background: -moz-linear-gradient(top, #7e7e7e 0%, #b8b8b8 3%, #9e9e9e 6%, #808080 22%, #797979 28%, #7a7a7a 38%, #838383 50%, #898989 69%, #898989 81%, #838383 88%, #757575 97%, #5e5e5e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e7e7e), color-stop(3%, #b8b8b8), color-stop(6%, #9e9e9e), color-stop(22%, #808080), color-stop(28%, #797979), color-stop(38%, #7a7a7a), color-stop(50%, #838383), color-stop(69%, #898989), color-stop(81%, #898989), color-stop(88%, #838383), color-stop(97%, #757575), color-stop(100%, #5e5e5e));
  background: -webkit-linear-gradient(top, #7e7e7e 0%, #b8b8b8 3%, #9e9e9e 6%, #808080 22%, #797979 28%, #7a7a7a 38%, #838383 50%, #898989 69%, #898989 81%, #838383 88%, #757575 97%, #5e5e5e 100%);
  background: -o-linear-gradient(top, #7e7e7e 0%, #b8b8b8 3%, #9e9e9e 6%, #808080 22%, #797979 28%, #7a7a7a 38%, #838383 50%, #898989 69%, #898989 81%, #838383 88%, #757575 97%, #5e5e5e 100%);
  background: -ms-linear-gradient(top, #7e7e7e 0%, #b8b8b8 3%, #9e9e9e 6%, #808080 22%, #797979 28%, #7a7a7a 38%, #838383 50%, #898989 69%, #898989 81%, #838383 88%, #757575 97%, #5e5e5e 100%);
  background: linear-gradient(top, #7e7e7e 0%, #b8b8b8 3%, #9e9e9e 6%, #808080 22%, #797979 28%, #7a7a7a 38%, #838383 50%, #898989 69%, #898989 81%, #838383 88%, #757575 97%, #5e5e5e 100%);

  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#5e5e5e',GradientType=0 );*/
}

.big.button {
  padding: 12px 20px;
  font-size: 18px;
  font-weight: bold;
  background: #1e6fae;
  background: -moz-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e6fae), color-stop(2%, #3f93d3), color-stop(4%, #1f74b5), color-stop(8%, #1a71b4), color-stop(16%, #1863a6), color-stop(24%, #17579e), color-stop(27%, #15569a), color-stop(39%, #15559c), color-stop(59%, #1760a4), color-stop(71%, #1962a7), color-stop(80%, #1860a8), color-stop(84%, #1863a7), color-stop(88%, #1661a5), color-stop(100%, #14539a));
  background: -webkit-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: -o-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: -ms-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
}

a.button {
  text-decoration: none;
  color: #fff;
}

a.button:hover,
a.button:active,
a.button:focus {
  text-decoration: underline;
}

button.button {
  border: 0;
}

.background_grey {
  padding: 1px 0;
  background: #f5f5f5;
}

article footer {
  clear: both;
  margin: 0 -10px;
  padding: 0 10px;
  background: #f5f5f5;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

article footer p {
  font-size: 87.5%;
}

article header h2 {
  font-size: 125%;
  margin: 0;
}

article header h3 {
  font-size: 100%;
  margin: 0;
}

article header img {
  float: left;
  margin: 0 15px 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}

article p.source {
  font-size: 75%;
  font-weight: bold;
}

article p.source a {
  color: #2b2b2b;
}

span.posted,
time {
  color: #8d8e8e;
  font-size: 87.5%;
  font-weight: bold;
}

p.pager {
  font-weight: bold;
  font-size: 81.3%;
}

p.pager .number {
  padding-left: 10px;
  padding-right: 10px;
  background: #b1b1b1;
  background: -moz-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1b1b1), color-stop(3%, #cccccc), color-stop(6%, #c2c2c2), color-stop(23%, #aeaeae), color-stop(29%, #a9a9a9), color-stop(35%, #a9a9a9), color-stop(58%, #b1b1b1), color-stop(81%, #b4b4b4), color-stop(87%, #b2b2b2), color-stop(100%, #a6a6a6));
  background: -webkit-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: -o-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: -ms-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#a6a6a6',GradientType=0 );*/

}

p.pager span.active {
  background: #0f5788;
  background: -moz-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f5788), color-stop(3%, #4ea2d3), color-stop(6%, #1c7cb0), color-stop(25%, #155d94), color-stop(38%, #155b93), color-stop(50%, #16639a), color-stop(69%, #18699f), color-stop(84%, #17679d), color-stop(97%, #14578f), color-stop(100%, #355168));
  background: -webkit-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: -o-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: -ms-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5788', endColorstr='#355168',GradientType=0 );*/
}

.none {
  display: none;
}


/******************************* PARTS **************************************************************/

/* Container
----------------------------------------------------------------------------------------------------*/
.container {
  position: relative;
  background: #fff;
  padding-bottom: 20px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top: 0;

  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;

}


/* Head
----------------------------------------------------------------------------------------------------*/
header#branding {
  margin: 0;
  padding: 0 10px;
}


#lang {
  font-size: 75%;
  margin: 10px 15px 0 0;
  paddding: 0;
}

#logo {
  width: 210px;
  height: 60px;
  margin: 25px 20px 0 23px;
  padding: 0;
  float: left;
  background: url(https://i4.ctk.cz/protext/2014/logo.png) 0 0 no-repeat;
}

h1#logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

p#logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#slogan {
  font-family: Calibri, Arial;
  float: left;
  margin: 34px 0 0 0;
  color: #004584;
  font-size: 180%;
  font-weight: normal;
}

#rss {
  position: absolute;
  top: 90px;
  right: 25px;
  width: 32px;
  height: 32px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://i4.ctk.cz/protext/2012/rss_32x32.png) 0 0 no-repeat;
}

#facebook {
  position: absolute;
  top: 90px;
  right: 25px;
  width: 32px;
  height: 32px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://i4.ctk.cz/protext/2012/facebook.png) 0 0 no-repeat;
}

#twitter {
  position: absolute;
  top: 90px;
  right: 65px;
  width: 32px;
  height: 32px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://i4.ctk.cz/protext/2012/twitter.png) 0 0 no-repeat;
}


nav#menu {
  clear: both;
  padding: 25px 0 0 0;
}

#menu ul {
  z-index: 3;
  position: relative;
  padding: 0 0 0 9px;
  margin: 0;
  text-align: left;
  background: #1c71aa;
  background: -moz-linear-gradient(top, #1c71aa 0%, #4291d5 2%, #1c73b5 4%, #15599e 24%, #15569b 28%, #15569b 36%, #175da2 50%, #1861a6 66%, #1862a6 84%, #14549a 98%, #134676 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c71aa), color-stop(2%, #4291d5), color-stop(4%, #1c73b5), color-stop(24%, #15599e), color-stop(28%, #15569b), color-stop(36%, #15569b), color-stop(50%, #175da2), color-stop(66%, #1861a6), color-stop(84%, #1862a6), color-stop(98%, #14549a), color-stop(100%, #134676));
  background: -webkit-linear-gradient(top, #1c71aa 0%, #4291d5 2%, #1c73b5 4%, #15599e 24%, #15569b 28%, #15569b 36%, #175da2 50%, #1861a6 66%, #1862a6 84%, #14549a 98%, #134676 100%);
  background: -o-linear-gradient(top, #1c71aa 0%, #4291d5 2%, #1c73b5 4%, #15599e 24%, #15569b 28%, #15569b 36%, #175da2 50%, #1861a6 66%, #1862a6 84%, #14549a 98%, #134676 100%);
  background: -ms-linear-gradient(top, #1c71aa 0%, #4291d5 2%, #1c73b5 4%, #15599e 24%, #15569b 28%, #15569b 36%, #175da2 50%, #1861a6 66%, #1862a6 84%, #14549a 98%, #134676 100%);
  background: linear-gradient(top, #1c71aa 0%, #4291d5 2%, #1c73b5 4%, #15599e 24%, #15569b 28%, #15569b 36%, #175da2 50%, #1861a6 66%, #1862a6 84%, #14549a 98%, #134676 100%);

  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c71aa', endColorstr='#134676',GradientType=0 );*/

}

#menu ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#menu ul li {
  position: relative;
  line-height: 50px;
  font-weight: bold;
  font-size: 87.5%;
}

#menu ul li a {
  padding: 10px 12px 17px 12px;
  color: #fff;
  text-decoration: none;
}

#menu ul li a:hover,
#menu li:active a,
#menu li:focus a,
#menu li.hover a,
#menu li:hover a {
  background: #00284b;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;

}

#menu ul li.login {
  float: right;
  padding-left: 12px;
  background: #555555;
  background: -moz-linear-gradient(top, #555555 0%, #787878 2%, #5a5a5a 4%, #4e4e4e 22%, #4c4c4c 26%, #4c4c4c 40%, #505050 50%, #525252 84%, #4b4b4b 98%, #3b3b3b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(2%, #787878), color-stop(4%, #5a5a5a), color-stop(22%, #4e4e4e), color-stop(26%, #4c4c4c), color-stop(40%, #4c4c4c), color-stop(50%, #505050), color-stop(84%, #525252), color-stop(98%, #4b4b4b), color-stop(100%, #3b3b3b));
  background: -webkit-linear-gradient(top, #555555 0%, #787878 2%, #5a5a5a 4%, #4e4e4e 22%, #4c4c4c 26%, #4c4c4c 40%, #505050 50%, #525252 84%, #4b4b4b 98%, #3b3b3b 100%);
  background: -o-linear-gradient(top, #555555 0%, #787878 2%, #5a5a5a 4%, #4e4e4e 22%, #4c4c4c 26%, #4c4c4c 40%, #505050 50%, #525252 84%, #4b4b4b 98%, #3b3b3b 100%);
  background: -ms-linear-gradient(top, #555555 0%, #787878 2%, #5a5a5a 4%, #4e4e4e 22%, #4c4c4c 26%, #4c4c4c 40%, #505050 50%, #525252 84%, #4b4b4b 98%, #3b3b3b 100%);
  background: linear-gradient(top, #555555 0%, #787878 2%, #5a5a5a 4%, #4e4e4e 22%, #4c4c4c 26%, #4c4c4c 40%, #505050 50%, #525252 84%, #4b4b4b 98%, #3b3b3b 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3b3b3b',GradientType=0 );*/

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;



}

#menu ul li.login a span {
  display: block;
  position: absolute;
  top: 23px;
  left: 12px;
  width: 7px;
  height: 4px;
  background: url(https://i4.ctk.cz/protext/2012/login_arrow.gif) 0 0 no-repeat;
}

#menu ul li.login a:hover,
#menu li.login:hover a,
#menu li.login:active a,
#menu li.login:focus a {
  background: #4d4d4d;
}

#menu ul li.login form {
  z-index: 1;
  display: none;
  position: absolute;
  right: 0;
  width: 252px;
  /*215px*/
  margin: 0;
  padding: 10px 20px;
  line-height: 35px;
  background: #4d4d4d;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

}

#menu ul li.login:hover form,
#menu ul li.login.hover form {
  display: block;
  position: absolute;
  right: 0;
}

#menu ul li.login form label {
  display: block;
  min-width: 70px;
  /*45px*/
  padding-right: 5px;
  font-size: 100%;
  color: #fff;
  float: left;
  clear: left;
}

#menu ul li.login form input {
  width: 150px;
  float: left;
  font-size: 14px;
}

#menu ul li.login form button {
  clear: both;
  float: left;
  margin: 5px 0 5px 50px;
  font-size: 13px;
  font-weight: bold;
}

#menu ul li.login form a {
  clear: both;
  line-height: 1.5em;
  padding: 0;
  margin: 5px 0 0 50px;
  display: block;
  background: none;
  font-weight: normal;
  text-decoration: underline;
  font-size: 12px;
}

#menu ul li.login form a:hover,
#menu ul li.login form a:active,
#menu ul li.login form a:focus {
  text-decoration: none;
}


#menu ul ul {
  position: absolute;
  height: auto;
  width: 100%;
  left: -999em;
  padding: 0 0 14px 0;
  background: #00284b;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

}

#menu ul li:hover ul,
#menu ul li.hover ul {
  left: 0;
}

#menu ul ul li {
  float: none;
  line-height: 1.4em;
  display: block;
  padding: 0;
  margin: 0;
  font-weight: normal;
  background: #00284b;
  border-bottom: 1px solid #003665;

}

#menu ul ul li a {
  margin: 0;
  padding: 10px 10px 10px 22px;
  display: block;
  background: url(https://i4.ctk.cz/protext/2012/navli_arrow.gif) 10px 15px no-repeat !important;
  color: #52caff;

}

#menu ul ul li a:hover,
#menu ul ul li a:focus,
#menu ul ul li a:active {
  background: #003665 url(https://i4.ctk.cz/protext/2012/navli_arrow.gif) 10px -68px no-repeat !important;
  color: #fff;
  text-decoration: underline;
}

#menu ul li.login form .info {
  clear: both;
  line-height: 1.5em;
  padding: 0;
  margin: 5px 5px 0 0;
  color: #fff;
  display: block;
  background: none;
  font-weight: normal;
  font-size: 12px;
}

#menu ul li.login form#pass_form {
  display: none;
}

#menu ul li.login form#mail_sent {
  display: none;
}

#menu ul li.login form#logout_form {
  display: none;
}

/* Content
----------------------------------------------------------------------------------------------------*/
#content h1 {
  margin: 20px 0 0 0;
  padding: 0 10px 10px 15px;
  border-bottom: 1px solid #e1e1e1;
}

.columns h2,
column h2,
.columns h3,
.columns h3 {
  font-size: 1em;
}

.columns p,
.column p,
.columns li,
.column li,
.columns table,
.column table {
  font-size: 87.5%;
}

.side h1,
.side h2,
.side h3,
.side h4,
.side h5,
.side h6,
.side p,
.side table,
.side address {
  margin-left: 20px;
  margin-right: 20px;
}

.side p,
.side li,
.side address {
  font-size: 75%;
}

.side li {
  margin: 10px 0;
}

.side p.perex {
  font-size: 87.5%;
}

.side address {
  font-style: normal;
  margin-top: 1em;
  margin-bottom: 1em;
}

.side div.spacer {
  margin: 15px 0;
}

.side a.big.button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  width: 100%;
  text-align: center;
}


/* Foot
----------------------------------------------------------------------------------------------------*/
footer#foot {
  position: relative;
  top: 10px;

  color: #fff;
  /*
	background: #3f3f3f;
	background: -moz-linear-gradient(top,  #3f3f3f 0%, #393939 0%, #393939 71%, #252525 100%, #4e4e4e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(0%,#393939), color-stop(71%,#393939), color-stop(100%,#252525), color-stop(100%,#4e4e4e));
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#393939 0%,#393939 71%,#252525 100%,#4e4e4e 100%);
	background: -o-linear-gradient(top,  #3f3f3f 0%,#393939 0%,#393939 71%,#252525 100%,#4e4e4e 100%);
	background: -ms-linear-gradient(top,  #3f3f3f 0%,#393939 0%,#393939 71%,#252525 100%,#4e4e4e 100%);
	background: linear-gradient(top,  #3f3f3f 0%,#393939 0%,#393939 71%,#252525 100%,#4e4e4e 100%); */

  background: #5a5b5b url(https://i4.ctk.cz/protext/2012/bg_foot.png) 0 0 no-repeat;
  /* Old browsers */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}

footer#foot .up {
  padding: 0 0 20px 150px;
  /*
	background: #393939;
	background: -moz-linear-gradient(top,  #393939 0%, #606060 1%, #444444 2%, #313131 25%, #313131 37%, #363636 50%, #393939 68%, #393939 81%, #2e2e2e 99%, #323232 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(1%,#606060), color-stop(2%,#444444), color-stop(25%,#313131), color-stop(37%,#313131), color-stop(50%,#363636), color-stop(68%,#393939), color-stop(81%,#393939), color-stop(99%,#2e2e2e), color-stop(100%,#323232));
	background: -webkit-linear-gradient(top,  #393939 0%,#606060 1%,#444444 2%,#313131 25%,#313131 37%,#363636 50%,#393939 68%,#393939 81%,#2e2e2e 99%,#323232 100%);
	background: -o-linear-gradient(top,  #393939 0%,#606060 1%,#444444 2%,#313131 25%,#313131 37%,#363636 50%,#393939 68%,#393939 81%,#2e2e2e 99%,#323232 100%);
	background: -ms-linear-gradient(top,  #393939 0%,#606060 1%,#444444 2%,#313131 25%,#313131 37%,#363636 50%,#393939 68%,#393939 81%,#2e2e2e 99%,#323232 100%);
	background: linear-gradient(top,  #393939 0%,#606060 1%,#444444 2%,#313131 25%,#313131 37%,#363636 50%,#393939 68%,#393939 81%,#2e2e2e 99%,#323232 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#323232',GradientType=0 );*/

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;

}

footer#foot h2,
footer#foot h3 {
  color: #fff;
  font-size: 112.5%;
  margin: 0;
  padding-top: 35px;
}

footer#foot .up img {
  position: absolute;
  top: 28px;
  left: 28px;
}

footer#foot .up p {
  margin: 10px 0 0 0;
  font-size: 75%;
}


footer#foot ul {
  margin-left: 150px;
  padding-left: 20px;
  color: #bcbcbc;
}

footer#foot ul li {
  width: 50%;
  float: left;
  font-size: 81.3%;
}

footer#foot p.contact {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 80%;
  padding: 10px 15px;

  background: #4a4a4a;
  font-weight: bold;
}

footer#foot p.contact span {
  display: inline-block;
  margin-right: 40px;
}

footer#foot p.contact img {
  margin-right: 8px;
}

footer#foot p.contact a {
  color: #fff;
}

footer#foot a {
  color: #69c1f4;
}


p.aivo {
  float: right;
  position: absolute;
  bottom: -50px;
  right: 20px;
  font-size: 81.3%;
  color: #292929;
}

p.aivo a {
  background: url(https://i4.ctk.cz/protext/2012/aivo.png) 0 50% no-repeat;
  padding-left: 20px;
}

p.copy {
  float: left;
  position: absolute;
  bottom: -50px;
  left: 20px;
  font-size: 81.3%;
  color: #292929;
}

/* footer z webu ctk.cz */
#foot ul.ul_menu-foot {
  float: left;
  margin-bottom: 13px;
  width: 50%;
  margin-left: 20px;
  font-weight: bold;
}

#foot ul.ul_menu-foot li.fctk {
  list-style: none;
  float: left;
  display: inline;
  margin-right: 8px;
  padding-right: 10px;
  width: auto;
  background: url(https://i4.ctk.cz/ctk/2011/bg_menu-foot.gif) no-repeat center right;
}

#foot ul.ul_menu-foot li.fctk_last {
  list-style: none;
  padding-right: 0;
  margin-right: 0;
  background: none;
  width: auto;
}

#foot ul.ul_menu-foot li a {
  color: #b7b7b7;
  text-decoration: none;
}

#foot ul.ul_menu-foot li a:hover {
  text-decoration: underline;
}

#foot ul.ul_soc-sites {
  float: right;
  margin-bottom: 13px;
  width: 40%;
  margin-left: 10px;
  font-weight: bold;
}

#foot ul.ul_soc-sites li {
  float: left;
  display: inline;
  margin-right: 13px;
  color: #b7b7b7;
  width: auto;
}

#foot ul.ul_soc-sites li a {
  color: #b7b7b7;
  text-decoration: none;
  margin-right: 13px;
}

#foot ul.ul_soc-sites li a:hover {
  text-decoration: underline;
}

#foot ul.ul_soc-sites li.li_last {
  padding-right: 0;
  margin-right: 0;
  background: none;
}

#foot ul.ul_soc-sites li a.ico_rss {
  margin-right: 0;
  padding-right: 12px;
  background: url(https://i4.ctk.cz/ctk/2011/ico_rss-foot.gif) no-repeat center right;
}

#foot p.p_copyright {
  float: left;
  clear: left;
  white-space: nowrap;
  color: #e9e9e9;
  margin-left: 40px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
}

#foot p.p_copyright a {
  color: #e9e9e9;
}

#foot p.p_contact {
  float: right;
  clear: right;
  white-space: nowrap;
  color: #e9e9e9;
  margin-right: 60px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
}

#foot p.p_contact a {
  color: #55ace0;
}



/******************************* PAGES **************************************************************/

/* Hp
----------------------------------------------------------------------------------------------------*/
.protext {
  position: relative;
  width: 189px;
  width: 19.68%;
  min-height: 234px;
  float: left;
  padding: 13px 15px 50px 15px;
  margin: 20px 0.53% 0 0.53%;
  border: 1px solid #d4d4d4;
  border-left: 0;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #f4f4f4 1%, #f6f6f6 2%, #f3f3f3 2%, #f3f3f3 7%, #eeeeee 14%, #eeeeee 18%, #ececec 19%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(1%, #f4f4f4), color-stop(2%, #f6f6f6), color-stop(2%, #f3f3f3), color-stop(7%, #f3f3f3), color-stop(14%, #eeeeee), color-stop(18%, #eeeeee), color-stop(19%, #ececec), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f4f4f4 1%, #f6f6f6 2%, #f3f3f3 2%, #f3f3f3 7%, #eeeeee 14%, #eeeeee 18%, #ececec 19%, #ececec 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #f4f4f4 1%, #f6f6f6 2%, #f3f3f3 2%, #f3f3f3 7%, #eeeeee 14%, #eeeeee 18%, #ececec 19%, #ececec 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #f4f4f4 1%, #f6f6f6 2%, #f3f3f3 2%, #f3f3f3 7%, #eeeeee 14%, #eeeeee 18%, #ececec 19%, #ececec 100%);
  background: linear-gradient(top, #f7f7f7 0%, #f4f4f4 1%, #f6f6f6 2%, #f3f3f3 2%, #f3f3f3 7%, #eeeeee 14%, #eeeeee 18%, #ececec 19%, #ececec 100%);

  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ececec',GradientType=0 ); */
}

.protext h2 {
  margin: 0 0 3px 0;
  line-height: 1.2em;
}

.protext h3 {
  margin: 0;
  font-size: 87.5%;
  color: #1e1d1d;
}

.protext.active {
  color: #fff;
  border: 1px solid #0f73a7;
  border-left: 0;
  background: #23a9e6;
  background: -moz-linear-gradient(top, #23a9e6 0%, #20a6e3 5%, #1fa4df 6%, #1a9fda 10%, #199bd5 12%, #1495ce 20%, #1495ce 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23a9e6), color-stop(5%, #20a6e3), color-stop(6%, #1fa4df), color-stop(10%, #1a9fda), color-stop(12%, #199bd5), color-stop(20%, #1495ce), color-stop(100%, #1495ce));
  background: -webkit-linear-gradient(top, #23a9e6 0%, #20a6e3 5%, #1fa4df 6%, #1a9fda 10%, #199bd5 12%, #1495ce 20%, #1495ce 100%);
  background: -o-linear-gradient(top, #23a9e6 0%, #20a6e3 5%, #1fa4df 6%, #1a9fda 10%, #199bd5 12%, #1495ce 20%, #1495ce 100%);
  background: -ms-linear-gradient(top, #23a9e6 0%, #20a6e3 5%, #1fa4df 6%, #1a9fda 10%, #199bd5 12%, #1495ce 20%, #1495ce 100%);
  background: linear-gradient(top, #23a9e6 0%, #20a6e3 5%, #1fa4df 6%, #1a9fda 10%, #199bd5 12%, #1495ce 20%, #1495ce 100%);

  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a9e6', endColorstr='#1495ce',GradientType=0 ); */

}

.protext.active h2,
.protext.active h3 {
  color: #fff;
}

.protext ul {
  margin: 0;
  padding-left: 20px;
}

.protext ul li {
  margin: 10px 0;
  font-size: 81.3%;
}

.protext strong.nr {
  padding-left: 12px;
  background: url(https://i4.ctk.cz/protext/2012/nr-up.png) 0 50% no-repeat;
}

.protext.active strong.nr {
  background: url(https://i4.ctk.cz/protext/2012/nr-up-w.png) 0 50% no-repeat;
}

.protext p.bota {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 20px;
  left: 0;
  font-size: 81.3%;
  text-align: center;
}

.protext a.button {
  font-weight: bold;
}

p.banners {
  margin: 5px 0 0 0;
}

p.banners a {
  position: relative;
  display: inline-block;
  float: left;
  width: 320px;
  width: 49.46%;
  height: 77px;
  margin: 10px 0 0 0.84%;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 112.5%;
  line-height: 1.1em;
  background: #1c71aa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1c71aa 0%, #4393d7 1%, #1d76b8 3%, #15589d 23%, #15559a 27%, #15559a 36%, #165ba0 46%, #1761a5 63%, #1862a7 81%, #145197 99%, #134675 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c71aa), color-stop(1%, #4393d7), color-stop(3%, #1d76b8), color-stop(23%, #15589d), color-stop(27%, #15559a), color-stop(36%, #15559a), color-stop(46%, #165ba0), color-stop(63%, #1761a5), color-stop(81%, #1862a7), color-stop(99%, #145197), color-stop(100%, #134675));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1c71aa 0%, #4393d7 1%, #1d76b8 3%, #15589d 23%, #15559a 27%, #15559a 36%, #165ba0 46%, #1761a5 63%, #1862a7 81%, #145197 99%, #134675 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1c71aa 0%, #4393d7 1%, #1d76b8 3%, #15589d 23%, #15559a 27%, #15559a 36%, #165ba0 46%, #1761a5 63%, #1862a7 81%, #145197 99%, #134675 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1c71aa 0%, #4393d7 1%, #1d76b8 3%, #15589d 23%, #15559a 27%, #15559a 36%, #165ba0 46%, #1761a5 63%, #1862a7 81%, #145197 99%, #134675 100%);
  /* IE10+ */
  background: linear-gradient(top, #1c71aa 0%, #4393d7 1%, #1d76b8 3%, #15589d 23%, #15559a 27%, #15559a 36%, #165ba0 46%, #1761a5 63%, #1862a7 81%, #145197 99%, #134675 100%);
  /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c71aa', endColorstr='#134675',GradientType=0 ); */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}

p.banners a span {
  margin-top: -5px;
  padding: 23px 30px 20px 115px;
  display: block;
  z-index: 1;
}

p.banners a.zverejnit {
  margin-left: 0;
}

p.banners a.zverejnit span {
  background: url(https://i4.ctk.cz/protext/2012/paper.png) 15px 0 no-repeat;
}

p.banners a.prihlasit span {
  background: url(https://i4.ctk.cz/protext/2012/message.png) 15px 0 no-repeat;
}



.hp article.main {
  padding: 20px 2.12%;
  margin: 20px 0 0 0;
  background: #e9e9e9;
  position: relative;
}

.hp article.main p {
  font-size: 75%;
}


.photo {
  margin: 20px auto 0 auto;
  width: 300px;
  height: 290px;
  overflow: hidden;
}

.photo ul {
  margin: 0;
  padding: 0;
}

.photo li {
  list-style: none;
  margin: 0;
  position: relative;
  height: 250px;
}

.photo li span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 260px;
  padding: 0 20px;
  line-height: 45px;
  font-size: 81.3%;
  font-weight: bold;
  color: #fff;

  /* Fallback for web browsers that doesn't support RGBa */
  background: #000 transparent;
  /* RGBa with 0.7 opacity */
  background: rgba(0, 0, 0, 0.7);

  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;

}

.photo li img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}

.photo .bx-pager {
  margin-top: 10px;
}

.photo .bx-pager a {
  width: 20px;
  height: 19px;
  display: inline-block;
  margin-right: 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://i4.ctk.cz/protext/2012/pager.gif) 0 0 no-repeat;
  float: left;
}

.photo .bx-pager a.pager-active,
.photo .bx-pager a:hover,
.photo .bx-pager a:focus,
.photo .bx-pager a:active {
  background-position: 0 -19px;
}


p.crio {
  margin: 0;
  float: right;
  font-weight: bold;
  font-size: 81.3%;
}

section.pr div.in {
  margin: 0 -10px;
  padding: 0 10px 8px 20px;
  border-bottom: 1px solid #e1e1e1;
}

section.pr h2 span.count {
  margin-left: 5px;
  font-size: 12px;
  color: #909090;
}

section.pr div.rows {
  clear: both;
  overflow: hidden;
}

section.pr article {
  display: block;
  padding: 12px 2.08%;
}



section.pr p.pager.bottom {
  line-height: auto;
  padding: 35px 0 35px 2.12%;
  background: #f7f7f7;
}


p.write_help {
  position: relative;
  padding: 20px 3.19%;
  margin: 0;
  font-weight: bold;
  background: #fdffd8;
  text-align: center;
  font-size: 125%;
  border: 1px solid #e9ead4;

}

p.write_help a {
  color: #2e2f2f;
}

section.planning {
  margin-left: 10px;
}

.planning ul {
  padding: 0 0 4px 0;
  margin: 0;
  list-style: none;
  border: 1px solid #e4e4e4;
  background: #ececec;

}

.planning ul li {
  padding: 5px 0;
  font-size: 87.5%;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;

}

.planning ul li.odd {
  background: #ececec;
}

.planning ul li.even {
  background: #f7f7f7;
}

.planning ul time {
  text-align: right;
  margin-left: 17px;
  margin-left: 3.09%;
  margin-right: 15px;
  marign-right: 2.72%;
}


/* Prihlasit
----------------------------------------------------------------------------------------------------*/
form.prihlasit label {
  width: 150px;
}

form.prihlasit label.left {
  width: 55px;
}

form.prihlasit label.right {
  width: 75px;
}

form.prihlasit label.not {
  width: auto;
}

form.prihlasit .big.button {
  margin-left: 155px;
  padding: 12px 20px;
  font-size: 18px;
  font-weight: bold;
  background: #1e6fae;
  background: -moz-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e6fae), color-stop(2%, #3f93d3), color-stop(4%, #1f74b5), color-stop(8%, #1a71b4), color-stop(16%, #1863a6), color-stop(24%, #17579e), color-stop(27%, #15569a), color-stop(39%, #15559c), color-stop(59%, #1760a4), color-stop(71%, #1962a7), color-stop(80%, #1860a8), color-stop(84%, #1863a7), color-stop(88%, #1661a5), color-stop(100%, #14539a));
  background: -webkit-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: -o-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: -ms-linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
  background: linear-gradient(top, #1e6fae 0%, #3f93d3 2%, #1f74b5 4%, #1a71b4 8%, #1863a6 16%, #17579e 24%, #15569a 27%, #15559c 39%, #1760a4 59%, #1962a7 71%, #1860a8 80%, #1863a7 84%, #1661a5 88%, #14539a 100%);
}


/* Sluzba CTK
----------------------------------------------------------------------------------------------------*/
p.medialist {
  position: relative;
  padding-left: 80px;
}

p.medialist img {
  float: left;
  position: absolute;
  left: 15px;
  top: 5px;
}

p.mediacon {
  padding-left: 80px;
  color: #186aa0;
}

p.sipkalist {
  position: relative;
  padding-left: 40px;
}

p.sipkalist img {
  float: left;
  position: absolute;
  left: 15px;
  top: 2px;
}

p.sipkacon {
  padding-left: 40px;
  color: #186aa0;
}

p.interlist {
  position: relative;
  padding-left: 155px;
}

p.interlist img {
  float: left;
  position: absolute;
  left: 20px;
  top: 5px;
}

img.graph {
  margin-top: 40px;
}



/* Seznam zadavatelu
----------------------------------------------------------------------------------------------------*/
nav#subnavigation {
  margin: 0 -10px;
  padding: 10px 0 10px 10px;
  background: #f8f8f8;
  border-bottom: 1px solid #e1e1e1;
}

nav#subnavigation ul li {
  position: relative;
  display: block;
  float: left;
  width: 30px;
  height: 32px;
  line-height: 32px;
  margin: 1px 3px 1px 0;
  text-align: center;
  color: #fff;
  font-size: 81.3%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #b1b1b1;
  background: -moz-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1b1b1), color-stop(3%, #cccccc), color-stop(6%, #c2c2c2), color-stop(23%, #aeaeae), color-stop(29%, #a9a9a9), color-stop(35%, #a9a9a9), color-stop(58%, #b1b1b1), color-stop(81%, #b4b4b4), color-stop(87%, #b2b2b2), color-stop(100%, #a6a6a6));
  background: -webkit-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: -o-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: -ms-linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
  background: linear-gradient(top, #b1b1b1 0%, #cccccc 3%, #c2c2c2 6%, #aeaeae 23%, #a9a9a9 29%, #a9a9a9 35%, #b1b1b1 58%, #b4b4b4 81%, #b2b2b2 87%, #a6a6a6 100%);
}

nav#subnavigation ul li.active {
  background: #0f5788;
  background: -moz-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f5788), color-stop(3%, #4ea2d3), color-stop(6%, #1c7cb0), color-stop(25%, #155d94), color-stop(38%, #155b93), color-stop(50%, #16639a), color-stop(69%, #18699f), color-stop(84%, #17679d), color-stop(97%, #14578f), color-stop(100%, #355168));
  background: -webkit-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: -o-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: -ms-linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
  background: linear-gradient(top, #0f5788 0%, #4ea2d3 3%, #1c7cb0 6%, #155d94 25%, #155b93 38%, #16639a 50%, #18699f 69%, #17679d 84%, #14578f 97%, #355168 100%);
}

nav#subnavigation ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

nav#subnavigation ul li a:hover,
nav#subnavigation ul li a:focus,
nav#subnavigation ul li a:active {
  text-decoration: underline;
}

ul.triplelist li {
  width: 30%;
  padding-right: 3%;
  margin: 4px 0;
  float: left;
  font-size: 87.5%;
}

/* Uzivatelsky ucet
----------------------------------------------------------------------------------------------------*/
.side form {
  margin: 0 12px 0 20px;
}

.side form legend {
  font-size: 87.5%;
  font-weight: bold;
}

.side form fieldset.fakturace {
  margin-top: 30px;
}

.side form label {
  width: 130px;
}

.side form input {
  width: 200px;
}

.side form button {
  font-size: 81.3%;
}

form.personal {
  margin-bottom: 15px;
}

form.personal button {
  float: right;
  margin: 10px 0 0 0;
}

.jafa {
  padding: 0 15px;
  margin-top: 15px;
}

.jafa h2 {
  font-size: 100%;
}

.jafa h3 {
  color: #2b2b2b;
  font-size: 87.5%;
}

.jafa label,
.jafa p,
  {
  font-size: 87.5%;
}

.jafa button {
  margin: 1em 0;
  font-size: 14px;
}


table.information th,
table.information td {
  padding: 5px 0;
}

table.information th {
  text-align: left;
  padding-right: 20px;
}

table.information span.sisa {
  padding: 3px 7px;
  background: #faffda;
}

p.printer time {
  font-size: 100%;
  color: #2b2b2b;
  font-weight: bold;
}

form.box label {
  text-align: left;
}

/*form.box label.jedna {padding-left:0px;}
form.box label.dva {padding-left:40px;}
form.box label.tri {padding-left:80px;}*/

ul.klice li {
  list-style-type: none;
}


/* Vyhledavani
----------------------------------------------------------------------------------------------------*/
form.search {
  margin: 0 -10px;
  padding: 15px 25px;
  position: relative;
  z-index: 2;
  background: #f8f8f8;
  border-bottom: 1px solid #e1e1e1;
}

form.search button,
form.search p {
  font-size: 14px;
}

form.search p {
  margin: 5px 80px;
}

form.search label {
  text-align: left;
}

form.search .checkboxes {
  margin: 1em 0 0 0;
}

form.search .checkboxes label {
  line-height: 1.2em;
  margin: 5px 0;
}

p.pepo {
  float: right;
  margin: 0;
}


/* Objednavka tiskove zpravy
----------------------------------------------------------------------------------------------------*/

form.order {
  padding: 0 25px;
}

form.order label {
  width: 225px;
}

form.order label.auto {
  width: auto;
}

form.order table label {
  width: auto;
  text-align: left;
}

form.order th {
  width: 275px;
  text-align: left;
}

form.order td {
  font-size: 87.5%;
}

form.order table td.price {
  width: 190px;
  white-space: nowrap;
  vertical-align: middle;
}

form.order table td.desc {
  vertical-align: middle;
}

form.order table {
  width: 100%;
  margin-bottom: 1em;
}

form.order fieldset {
  margin: 15px 0;
}

form.order table tr {
  margin: 0 -35px;
}

form.order table tr.first th,
form.order table tr.first td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
}

form.order div.background_grey {
  margin: 0 -35px;
  padding: 10px 35px;
  border: 1px solid #e1e1e1;
  border-left: 0;
  border-right: 0;
}

form.order textarea {
  width: 300px;
  height: 70px;
}

form.order textarea#message {
  width: 300px;
  height: 200px;
}

/* Kalkulacka
----------------------------------------------------------------------------------------------------*/
#calculate {
  padding: 0 20px;
}

#calculate p,
#calculate td,
#calculate th,
#calculate li {
  font-size: 87.5%;
}


#calculate textarea {
  width: 100%;
  height: 210px;
}

#calculate th,
#calculate td {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5em;
}

#calculate th {
  text-align: left;
  padding-right: 20px;
}


#calculate h1 {
  margin-top: 0.3em;
}

#calculate tr.bobo th,
#calculate tr.bobo td {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 100%;
  font-weight: bold;
  background: #006bb1;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#calculate tr.bobo td {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#calculate tr.bobo th {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

#calculate tr.boto th {
  padding-bottom: 10px;
}


/* Cenik
----------------------------------------------------------------------------------------------------*/
table.cenik {
  width: 560px;
}

table.cenik td.price {
  width: 100px;
  text-align: right;
  padding-right: 7px;
}

table.cenik td.pocet {
  width: 100px;
  text-align: right;
  padding-right: 7px;
}

table.cenik td.desc {
  padding-left: 7px;
}




/* Tiskova zprava
----------------------------------------------------------------------------------------------------*/
p.subline {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 30px 1em 30px;
}

.imagelist {
  text-align: center;
}

.imagelist img {
  margin: 5px auto;
}

article footer a.button {
  line-height: 3em;
}

article#content table {
  /* font-size: smaller; */
  width: 100%;
}

article#content td {
  /* font-size: smaller; */
  padding-right: 7px;
}

#articlebody {
  padding-bottom: 20px;
}

/*
----------------------------------------------------------------------------------------------------*/


/* Lista CTK - overwrite desktop.css */
#top-menu_line {
  display: none;
}

/* CSS PIE */
img {
  position: relative;
}

/* CSS IE8 */


/* CSS IE7*/
.lt-ie8 nav#menu {
  zoom: 1;
}

.lt-ie8 #menu ul li.hover ul,
.lt-ie8 #menu ul li.hover form {
  top: 50px;
}

.lt-ie8 nav#menu form

/* CSS IE6*/
.lt-ie7 #logo {
  display: inline;
}

.lt-ie7 .protext {
  display: inline;
}

.lt-ie7 #menu ul li ul {
  width: 200px;
}

.lt-ie7 body .banners a {
  color: #fff;
}

.lt-ie7 body a.button {
  color: #ffffff;
}