html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1.5}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
table, td, th {vertical-align: middle}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
 a img {border: none}
  body {font-size: 75%; color: #222; background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; font-style: normal}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em}
h2 {font-size: 2em; margin-bottom: 0.75em}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0}
 p {margin: 0 0 1.5em}
p img.left {float: left; padding: 0; margin: .5em 1.5em .5em 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
a:focus, a:hover {color: #000}
a {color: #009; text-decoration: underline}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre {margin: 1.5em 0; white-space: pre}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul {list-style-type: disc}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em; width:100%}
th {font-weight: bold}
thead th {background: #c3d9ff}
th,td,caption {padding: 4px 10px 4px 5px}
tr.even td {background: #e5ecf9}
tfoot {font-style: italic}
caption {background: #eee}
 .small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
  .container {width: 960px; margin: 0 auto}
 .showgrid {background: url(/images/general/grid.png)}
  .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float: left; margin-right: 24px}
 .last, div.last {margin-right: 0}
 .span-1 {width: 17px}
.span-2 {width: 58px}
.span-3 {width: 99px}
.span-4 {width: 140px}
.span-5 {width: 181px}
.span-6 {width: 222px}
.span-7 {width: 263px}
.span-8 {width: 304px}
.span-9 {width: 345px}
.span-10 {width: 386px}
.span-11 {width: 427px}
.span-12 {width: 468px}
.span-13 {width: 509px}
.span-14 {width: 550px}
.span-15 {width: 591px}
.span-16 {width: 632px}
.span-17 {width: 673px}
.span-18 {width: 714px}
.span-19 {width: 755px}
.span-20 {width: 796px}
.span-21 {width: 837px}
.span-22 {width: 878px}
.span-23 {width: 919px}
.span-24 {width: 960px; margin: 0}
 input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width: 1px!important; border-right-width: 1px!important; padding-left: 5px!important; padding-right: 5px!important}
input.span-1, textarea.span-1 {width: 5px!important}
input.span-2, textarea.span-2 {width: 46px!important}
input.span-3, textarea.span-3 {width: 87px!important}
input.span-4, textarea.span-4 {width: 128px!important}
input.span-5, textarea.span-5 {width: 169px!important}
input.span-6, textarea.span-6 {width: 210px!important}
input.span-7, textarea.span-7 {width: 251px!important}
input.span-8, textarea.span-8 {width: 292px!important}
input.span-9, textarea.span-9 {width: 333px!important}
input.span-10, textarea.span-10 {width: 374px!important}
input.span-11, textarea.span-11 {width: 415px!important}
input.span-12, textarea.span-12 {width: 456px!important}
input.span-13, textarea.span-13 {width: 497px!important}
input.span-14, textarea.span-14 {width: 538px!important}
input.span-15, textarea.span-15 {width: 579px!important}
input.span-16, textarea.span-16 {width: 620px!important}
input.span-17, textarea.span-17 {width: 661px!important}
input.span-18, textarea.span-18 {width: 702px!important}
input.span-19, textarea.span-19 {width: 743px!important}
input.span-20, textarea.span-20 {width: 784px!important}
input.span-21, textarea.span-21 {width: 825px!important}
input.span-22, textarea.span-22 {width: 866px!important}
input.span-23, textarea.span-23 {width: 907px!important}
input.span-24, textarea.span-24 {width: 948px!important}
 .append-1 {padding-right: 41px}
.append-2 {padding-right: 82px}
.append-3 {padding-right: 123px}
.append-4 {padding-right: 164px}
.append-5 {padding-right: 205px}
.append-6 {padding-right: 246px}
.append-7 {padding-right: 287px}
.append-8 {padding-right: 328px}
.append-9 {padding-right: 369px}
.append-10 {padding-right: 410px}
.append-11 {padding-right: 451px}
.append-12 {padding-right: 492px}
.append-13 {padding-right: 533px}
.append-14 {padding-right: 574px}
.append-15 {padding-right: 615px}
.append-16 {padding-right: 656px}
.append-17 {padding-right: 697px}
.append-18 {padding-right: 738px}
.append-19 {padding-right: 779px}
.append-20 {padding-right: 820px}
.append-21 {padding-right: 861px}
.append-22 {padding-right: 902px}
.append-23 {padding-right: 943px}
 .prepend-1 {padding-left: 41px}
.prepend-2 {padding-left: 82px}
.prepend-3 {padding-left: 123px}
.prepend-4 {padding-left: 164px}
.prepend-5 {padding-left: 205px}
.prepend-6 {padding-left: 246px}
.prepend-7 {padding-left: 287px}
.prepend-8 {padding-left: 328px}
.prepend-9 {padding-left: 369px}
.prepend-10 {padding-left: 410px}
.prepend-11 {padding-left: 451px}
.prepend-12 {padding-left: 492px}
.prepend-13 {padding-left: 533px}
.prepend-14 {padding-left: 574px}
.prepend-15 {padding-left: 615px}
.prepend-16 {padding-left: 656px}
.prepend-17 {padding-left: 697px}
.prepend-18 {padding-left: 738px}
.prepend-19 {padding-left: 779px}
.prepend-20 {padding-left: 820px}
.prepend-21 {padding-left: 861px}
.prepend-22 {padding-left: 902px}
.prepend-23 {padding-left: 943px}
 div.border {padding-right: 11px; margin-right: 12px; border-right: 1px solid #eee}
 div.colborder {padding-right: 31px; margin-right: 33px; border-right: 1px solid #eee}
 .pull-1 {margin-left: -41px}
.pull-2 {margin-left: -82px}
.pull-3 {margin-left: -123px}
.pull-4 {margin-left: -164px}
.pull-5 {margin-left: -205px}
.pull-6 {margin-left: -246px}
.pull-7 {margin-left: -287px}
.pull-8 {margin-left: -328px}
.pull-9 {margin-left: -369px}
.pull-10 {margin-left: -410px}
.pull-11 {margin-left: -451px}
.pull-12 {margin-left: -492px}
.pull-13 {margin-left: -533px}
.pull-14 {margin-left: -574px}
.pull-15 {margin-left: -615px}
.pull-16 {margin-left: -656px}
.pull-17 {margin-left: -697px}
.pull-18 {margin-left: -738px}
.pull-19 {margin-left: -779px}
.pull-20 {margin-left: -820px}
.pull-21 {margin-left: -861px}
.pull-22 {margin-left: -902px}
.pull-23 {margin-left: -943px}
.pull-24 {margin-left: -984px}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}
.push-1 {margin: 0 -41px 1.5em 41px}
.push-2 {margin: 0 -82px 1.5em 82px}
.push-3 {margin: 0 -123px 1.5em 123px}
.push-4 {margin: 0 -164px 1.5em 164px}
.push-5 {margin: 0 -205px 1.5em 205px}
.push-6 {margin: 0 -246px 1.5em 246px}
.push-7 {margin: 0 -287px 1.5em 287px}
.push-8 {margin: 0 -328px 1.5em 328px}
.push-9 {margin: 0 -369px 1.5em 369px}
.push-10 {margin: 0 -410px 1.5em 410px}
.push-11 {margin: 0 -451px 1.5em 451px}
.push-12 {margin: 0 -492px 1.5em 492px}
.push-13 {margin: 0 -533px 1.5em 533px}
.push-14 {margin: 0 -574px 1.5em 574px}
.push-15 {margin: 0 -615px 1.5em 615px}
.push-16 {margin: 0 -656px 1.5em 656px}
.push-17 {margin: 0 -697px 1.5em 697px}
.push-18 {margin: 0 -738px 1.5em 738px}
.push-19 {margin: 0 -779px 1.5em 779px}
.push-20 {margin: 0 -820px 1.5em 820px}
.push-21 {margin: 0 -861px 1.5em 861px}
.push-22 {margin: 0 -902px 1.5em 902px}
.push-23 {margin: 0 -943px 1.5em 943px}
.push-24 {margin: 0 -984px 1.5em 984px}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}
  .prepend-top {margin-top:1.5em}
.append-bottom {margin-bottom:1.5em}
 .box {padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9}
 hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none}
hr.space {background: #fff; color: #fff}
 .clearfix:after, .container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden}
.clearfix, .container {display: block;}
 .clear {clear:both}
 label {font-weight: bold}
fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc}
legend {font-weight: bold; font-size:1.2em}
 input[type=text], input.text, input.title, textarea, select {background-color:#fff; border:1px solid #bbb}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666}
input[type=text], input.text, input.title, textarea, select {margin:0.5em 0}
input.text, input.title {width: 300px; padding:5px}
input.title {font-size:1.5em}
textarea {width: 390px; height: 250px; padding:5px}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative; top:.25em}
form.inline {line-height:3}
form.inline p {margin-bottom:0}
 .error, .notice, .success {padding: .8em; margin-bottom: 1em; border: 2px solid #ddd}
.error {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880}
.error a {color: #8a1f11}
.notice a {color: #514721}
.success a {color: #264409}
 body {font-size: 16px; line-height: 1.5em}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol {line-height: 1.5em; margin-bottom:1.5em; font-size: .9em}
h1 {font-size: 3em; line-height: 1em; margin-top: -0em; margin-bottom: 0.5em}
h2 {font-size: 2em; line-height: 1.5em; margin-top: -0em; margin-bottom: 0.75em}
h3 {font-size: 1.5em; line-height: 1em; margin-top: -0em; margin-bottom: 1em}
h4 {font-size: 1.2em; line-height: 1.25em; margin-top: -0em; margin-bottom: 1.25em}
h5 {font-size: 1em; line-height: 1.5em; margin-top: -0em; margin-bottom: 1.5em}
h6 {font-size: 1em; line-height: 1.5em; margin-top: -0em; margin-bottom: 1.5em}
 body {color: #576372; position: relative}
.top-border {height: 15px; width: 100%; background-color: #333; border-bottom: 3px none #566472}
a {color: #3285c9; text-decoration: none}
span.small {}
dl {font-size: .9em}
dl dt {float: left; padding-right: .5em}
dl dd {margin-left: 0}
  .header {margin-bottom: 0; padding-bottom: 1em; border-bottom: 1px dotted #deddde; position: relative; padding-top: 6em}
.logo {position: relative; width: 270px; top: -66px}
.logo img {right: -43px; position: relative; top: 0}
.logo a {z-index: 1; display: block; width: 240px; height: 41px}
.navigation {width: 550px}
.navigation ul {float: right; margin: 0; font-size: 1em; font-weight: bold; padding-right: 1em}
.navigation li {float: left; list-style-type: none}
.navigation a {display: block; color: #576372; padding-right: .7em; padding-left: .7em}
.navigation a:hover, .navigation a.sel {color: #e8450f}
.news-hot {position: relative; padding-left: 6px; margin-bottom: 2em; margin-top: 0; border-bottom: 1px dotted #deddde; padding-bottom: .5em}
.news-hot span {margin: 0; position: relative; top: 10px; display: block; left: 10px; float: left}
.news-hot span a {}
.news-hot a.btn {width: 102px; height: 44px; display: block; float: left; background: url(/images/general/news-btn.png) no-repeat; overflow: hidden; text-indent: -500px}
span.social-plc {float: right; position: relative; top: 7px; right: 0; padding-right: 1.2em}
span.social-plc img {padding-left: .5em}
  .footer {padding-bottom: 3em; text-align: center; padding-top: 2em}
.footer p.small {padding-top: 0; margin-bottom: 0}
.footer ul {font-weight: bold; margin: 0 0 2em; padding-top: 0}
.footer li {list-style-type: none; display: inline}
.footer a {color: #566472; padding-right: .5em; padding-left: .5em}
.footer a:hover, .footer a.sel {color: #e8441b}
  .banner {text-align: center; border-bottom: 1px dotted #deddde; padding-top: 5em; padding-bottom: 2em; margin-bottom: .5em}
.banner p {font-size: 1em}
.banner h1 {color: #e8441b; font-weight: bold; width: 597px; height: 56px; margin-left: auto; margin-right: auto; background-image: url(/images/general/sme-tu-pre-vsetky-deti.png); display: block; overflow: hidden}
.banner h1 span {color: #e8441b; font-weight: bold; width: 597px; height: 56px; margin-left: auto; margin-right: auto; display: block; background: url(/images/general/sme-tu-pre-vsetky-deti.png) no-repeat; padding: 0; margin: 0}
.banner-big {border-bottom: 1px none #deddde; margin-bottom: .5em; height: 295px; position: relative; padding-top: 28px}
.banner-big img.online-projekty {left: 430px; top: 35px}
.banner-big img {text-align: center; position: absolute; left: 55px; top: 40px}
.banner-big .video {}
  .project-promo-wrapper {padding-bottom: 1em}
.project-promo-wrapper img {width: 220px; height: 135px}
.project-promo-wrapper h2 {text-align: center; margin-bottom: 0; font-size: .9em}
.project-promo-wrapper h2 a {font-weight: bold; color: #5f707f}
.project-promo-wrapper h2 a:hover {color: #323142}
  .action-area {text-align: center; padding-top: 2em; border-top: 1px dotted #deddde; border-bottom: 1px dotted #deddde; margin-top: 1em; padding-bottom: 1.9em}
.action-area ul {padding-left: 13.8em; margin: 0 auto}
.action-area li {list-style-type: none; display: block; width: 271px; height: 45px; position: relative; padding-right: 2em; float: left}
.action-area li a span {display: block; width: 271px; height: 45px; background-image: url(/images/general/act-btns.png); position: relative; top: -22px; left: 0; cursor: pointer}
.action-area li.help a span {display: block; width: 271px; height: 45px; position: relative; top: -22px; background: url(/images/general/act-btns.png) 0 -45px; left: 0; cursor: pointer}
.action-area a {font-weight: bold; color: white; background-color: #e8441b; float: left; height: 35px}
  .page-title {border-bottom: 1px dotted #deddde; margin-bottom: 2em; padding-top: 4em}
.page-title h1 {font-size: 3em; color: #e8441b; margin-bottom: .7em}
.project-area {margin-bottom: 1em}
.project-area h2 {padding-top: 0; font-size: 1.6em; font-weight: bold}
.project-area h3 {font-size: 1.4em; padding-top: 1em}
.project-area p, .project-area ul, .project-area ol, .project-area table {color: #5f707f}
.project-area p {}
.project-area table {border: 1px solid #deddde; border-bottom-style: none; background-color: #fffdf9; font-size: .9em}
.project-area table tr td {border-bottom: 1px solid #deddde; vertical-align: top; padding: 5px 10px; font-size: .9em; line-height: 19px}
.project-area table tr:hover {background-color: #fff}
.project-area table tr.head {background-color: #fff5e5}
.project-area table tr.foot {background-color: white}
 .about-title {background: url(/images/general/titles.png) no-repeat; width: 265px; height: 60px; overflow: hidden; text-indent: -500px}
.news-title {background: url(/images/general/titles.png) no-repeat 0 -60px; width: 265px; height: 60px; overflow: hidden; text-indent: -500px}
.projects-title {background: url(/images/general/titles.png) no-repeat 0 -120px; width: 265px; height: 60px; overflow: hidden; text-indent: -500px}
.eshop-title {background: url(/images/general/titles.png) no-repeat 0 -180px; width: 265px; height: 60px; overflow: hidden; text-indent: -500px}
.contact-title {background: url(/images/general/titles.png) no-repeat 0 -240px; width: 265px; height: 60px; overflow: hidden; text-indent: -500px}
.call-title {background: url(/images/general/titles.png) no-repeat 0 -300px; width: 265px; height: 60px; overflow: hidden; text-indent: -500px}
   .project-detail {margin-bottom: 3em; position: relative}
.project-detail h3 {font-size: 1em; border-top: 1px dotted #deddde; padding-top: 1.5em; font-weight: bold; margin-bottom: 1em}
.project-logo {margin-bottom: 2em}
.project-detail p {margin-bottom: 1.5em}
a.vs img {left: -5px; position: relative}
.category h3 {font-size: 1em; font-weight: bold; margin-bottom: 1em}
.category ul {margin: 0; list-style-type: none; padding-top: .5em}
.category li a {font-size: 1.4em; line-height: 1.6em; display: block; padding-bottom: .3em}
.category li a.sel {color: #e04121}
  .project-list {padding-top: 2em; padding-bottom: 1em; border-top: 1px dotted #deddde; margin-top: 1em}
.project-list p {margin-bottom: .5em}
.project-list li {border-top: 1px none #deddde; line-height: 18px; padding-top: .4em; padding-bottom: .4em}
.project-list li a {display: block}
.project-list ul {margin: 0; list-style-type: none}
  dl.contacts-info dd {padding-left: 10em}
.people-list dl dt {width: 10em}
.people-list dd {padding-left: 150px}
.contacts {margin-bottom: 2em; border-bottom: 1px dotted #deddde}
.title h2 {font-size: 1.6em; font-weight: bold; padding-top: .5em; padding-bottom: 1em; border-bottom: 1px dotted #deddde; margin-bottom: 1.5em}
.id-card {margin-bottom: 3em}
.project-detail .id-card {margin-bottom: 0; display: block}
.project-detail .id-card img.face {}
img.face {float: left; width: 65px; height: 65px; margin: 0; padding: 0; position: relative; top: -2px}
.id-card p {line-height: 20px; position: relative; padding-left: 5em}
.id-card .name {font-weight: bold; position: relative; padding-top: 0}
span.name {font-weight: bold; padding-right: .5em}
.id-card .jobdesc {text-transform: lowercase}
.id-card .email {}
img.teamphoto {padding-top: 0; margin-bottom: 30px}
.people-list h3 {padding-bottom: 1em; border-bottom: 1px dotted #deddde; padding-top: .5em; font-weight: bold}
  .post {margin-bottom: 2em; border-bottom: 1px dotted #deddde}
.post-title a:hover {color: #293640}
p.post-info {float: left; margin-bottom: 1em; color: #657588; font-weight: bold}
.post-title {padding-top: 0; line-height: 1.2em; font-weight: bold; font-size: 1.2em}
h2.post-title {margin-bottom: .5em}
.post-title a {color: #5f707f}
.post a {}
.post p {}
.post-text {padding-bottom: 1em}
  .projekty-banner {margin-bottom: 20px}
.projekty-banner img {padding-left: 3px}
.call-detail h3 {font-size: 1em; font-weight: bold; margin-bottom: 1em; padding-top: .5em}
.doc-list p {margin-bottom: 1em}
.deadlines {margin-bottom: 2em}
.deadlines span {border-top: 1px dotted #c9c9c9; width: 300px; display: block; padding-top: .5em; font-weight: bold; font-size: .9em}
.deadlines h4 {font-size: .9em; margin-bottom: 1em}
.newsletter {background: url(/images/general/newsletter-bcg.png) no-repeat center 0; height: 105px}
.newsletter h3 {font-weight: bold; font-size: 1em; margin-bottom: 0; padding: 1em 1em .5em}
.newsletter .email-input {padding-left: 1em; padding-top: 0}
.email-input input.email {width: 200px; font: .9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 15px; padding: 4px}
.newsletter .error, .newsletter .notice {background: url(/images/general/newsletter-bcg.png) no-repeat center bottom; font-size: .8em; padding: 0 .5em .2em 1.5em; border-style: none}