* {margin: 0;padding: 0}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border: 0}
ul, ol {list-style-type: none}
body {background: #5291c8 url('../images/newdesign/bg-gradient.png') repeat-x;height: auto;font: normal 12px Arial,sans-serif;color: #535e67}

/* Links */
a {color: #ca3230;text-decoration: underline}
a:link {color: #ca3230}
a:focus {color: #ca3230;outline: 0}
a:visited {color: #ca3230}
a:hover {color: #690100;text-decoration: none}
a.more {padding-left: 10px;background: url('../images/newdesign/a-more.png') no-repeat 0 60%}
a.button {background: url('../images/newdesign/button-left.png') no-repeat;display: inline-block;text-decoration: none;color: #203b51;font-weight: bold}
a.button span {display: inline-block;height: 25px;line-height: 25px;padding: 0 20px;color: #203b51;font-weight: bold;background: url('../images/newdesign/button-right.png') no-repeat 100% 0}

big {font-size:17px;}

/* MARGINS */
.mrgt30 {margin-top:30px !important;}

/* H1 - H5 */
h1, h2, h3, h4, h5, h6 {margin:15px 0 15px 0}     
h1 {background: url('../images/newdesign/h1-bg.png') no-repeat;font-size:3.3em;font-weight:bold; float:left; margin: 20px 0 40px;line-height: 0.5em;padding:10px 10px 10px 25px;width:auto;height: 50px;color: #5ea0d6; text-transform:uppercase; }
h1 small {display: block; text-transform:none; color:#7d7d7d; font-weight: normal;font-size: 0.7em; margin-top:10px}
h1.article-det {font-size: 2.7em;}
.homepage h1 {background: none;font-size: 1.0em;font-weight: normal;margin: 0;padding: 0;display: inline; color: #5291c8;}
h2 {font-size: 1.6em;margin:10px 0 5px;color: #24476a;font-weight: bold}
.homepage h2 {font-size: 2.2em;margin: 0 0 10px;color: #ca3230;font-weight: normal}
.sideBox h2 {font-size: 1.8em;font-weight: bold;color: #898989;line-height: 1.2em}
.contentRight h2 {font-size: 1.7em;margin-bottom: 15px}
h2 a {text-decoration:none;}
h3 {font-size: 1.6em;margin: 0 0 5px;color: #24476a;font-weight: bold}
h3 a {color: #24476A !important; text-decoration: none;}
.homepage h3 {font-size: 1.9em;background: url('../images/newdesign/hx-line-390.png') no-repeat bottom;color: #ca3230;padding-bottom: 12px;margin-bottom: 15px;font-weight: normal}
.oNas h3 {font-size: 1.5em;margin-bottom: 15px}
h4 {background:url("../images/newdesign/li.png") no-repeat scroll 0 6px transparent; font-size:15px; margin:10px 0 10px 0; font-weight:normal; color:#004a96; padding:0 0 0 10px;}
h4 a {color:#004a96 !important; text-decoration:none;}

.heading {float:left; margin:25px 0 0 25px;}

/* Layout */
#wrap {width: 910px;margin: 0 auto; position: relative;}
#layout {width: 910px;margin: 0 auto;position: relative;}

/* Floating Menu Style */
#floatMenu {position:absolute;top:20px;right:0;}
#tab-facebook {background: url('../images/tab-facebook.png') no-repeat 0 0; position:absolute; top:100px; right:-35px; width:61px; height:129px; display:block; cursor:pointer}
#tab-facebook:hover {background: url('../images/tab-facebook.png') no-repeat 0 -128px; position:absolute; top:100px; right:-37px; width:61px; height:129px; display:block;}
#tab-twitter {background: url('../images/tab-twitter.png') no-repeat 0 0; position:absolute; top:227px; right:-35px; width:61px; height:107px; display:block; cursor:pointer}
#tab-twitter:hover {background: url('../images/tab-twitter.png') no-repeat 0 -107px; position:absolute; top:227px; right:-37px; width:61px; height:107px; display:block;}

/* SOCIAL NETWORK */

.share {border-top:1px dotted #ccc; margin-top:10px;}
.share table {width:100%; margin-top:5px;}
.share table td {text-align:center; vertical-align:top;}

    a#logo {display: block;width: 272px;height: 68px;position: absolute;top: 50px;left: 45px; text-indent:-2000px;}
    a#logo span {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: url('../images/newdesign/logo.png') no-repeat}
    
    #nav {position: absolute;top: 52px; right:0px; height:40px;line-height: 40px; padding:0 50px;}
    #nav li {float: left;height: 40px;}
    #nav li.last a {background: none;}
    #nav li a  {background: url('../images/newdesign/bg-mainmenu-sep.gif') no-repeat right center; display: block;color: #357eb5;float: left;padding: 0 15px;text-decoration: none;font-size:14px;}
    #nav li a:hover {color: #cf2423;}
    
    #login {position: absolute;top: 60px;right: 120px;width: 265px;height: 20px;padding: 10px 0;background: url('../images/newdesign/login-sep-langs.png') no-repeat 100% 50%}
    #login label {display: none}
    #login .text {background: url('../images/newdesign/login-input.png') no-repeat;width: 92px;height: 16px;font-size: 0.9em;padding: 4px 5px;border: 0;font-family: Arial;color: #526674;float: left;margin-right: 10px}
    #login input:focus {outline: 0}
    #login .submit {float: left}

    #languages {position: absolute;top: 63px;right: 38px;width: 65px;height: 20px;padding: 10px 0}
    #languages img {margin: 0 7px}

    #head {background:transparent url('../images/newdesign/bg-head.png') no-repeat; width:910px; height:147px;}

    .bg-content {background:transparent url('../images/newdesign/bg-body.png') repeat-y;}
    #content {background: url('../images/newdesign/bg-content.jpg') no-repeat 38px 20px; padding: 20px 45px}
    #content.homepage {background: none;}
    
    .contentRight.content {margin:-10px 0 10px 0; padding:0;}
    .content {margin:10px 0 10px 0; padding:0;}
    .content .col-1, .content .col-2 {float:left; width:260px; margin-bottom:20px;}
    .content .col-1 {margin-right:20px;}
    .content ul {float:left; margin-bottom:15px;}
    .content ul.cols-ref {width:180px;}
    .content ul li {background: url('../images/newdesign/li.png') no-repeat 0 11px; padding:5px 0 5px 15px; line-height:17px;}
    .content ul li a {display:block; font-size:12px; text-decoration: none}
    .content ul li a:hover { color: #1e69a9}
    
    .detail {background: url('../images/newdesign/image2.png') no-repeat 90% 30px;}
    .reference {background: url('../images/img-cont-01.png') no-repeat 25px 12px;}
    .sluzby {background: url('../images/newdesign/image4.png') no-repeat 90% 30px;}
    .oNas {background: url('../images/newdesign/image5.png') no-repeat 90% 30px;}
    .oNas .contentRight ul {margin:10px 0 10px 20px;}
    .oNas .contentRight ul li {list-style-type: circle;}
    .kontakt {background: url('../images/newdesign/image6.png') no-repeat 90% 30px;}

    .imgbrd {border:1px solid #C7DAE9; background:#E9F2F9; padding:2px; float:left; margin:0 7px 7px 0;}
    .imgbrdB {border:1px solid #C7DAE9; background:#E9F2F9; padding:2px; float:left; margin:0 15px 7px 0;}
    
    .btn-url-right {background:url("../images/newdesign/btn-url-right.png") no-repeat scroll 100% 100% transparent; cursor:pointer; float:right; font-family:arial; font-size:100%; height:39px; line-height:39px; margin:80px 20px 0 0; padding:0; text-align:center; text-decoration:none;}
    .btn-url-ref-left {background:url("../images/newdesign/btn-url-left.png") no-repeat scroll 0 100% transparent; display:block; height:39px; line-height:39px; margin:0 0 0 -36px; padding:0 20px 0 40px;}
    .btn-url-fb-right {background:url("../images/newdesign/btn-url-right.png") no-repeat scroll 100% 100% transparent; cursor:pointer; float:right; font-family:arial; font-size:100%; height:39px; line-height:39px; margin:10px 20px 0 0; padding:0; text-align:center; text-decoration:none;}
    .btn-url-fb-left {background:url("../images/newdesign/btn-url-fb-left.png") no-repeat scroll 0 100% transparent; display:block; height:39px; line-height:39px; margin:0 0 0 -36px; padding:0 20px 0 40px;}

/* INTRO CONTAINER TABS */
    #intro {background:transparent url('../images/newdesign/bg-body.png') repeat-y; padding:0 45px 0 45px; color: #5291c8; font-size: 1.7em; font-weight: normal;}
    #intro #container-tabs {background: url('../images/newdesign/bg-tabs-rightbox.png') no-repeat scroll right top transparent; position:relative; height:319px; }
    #intro #container-tabs ul.tabs {position:relative; height:319px; width:280px; float:left;}

    #intro #container-tabs .container {width: 500px; height: 279px; overflow: hidden; position: relative; top: 20px; left: 20px;}

    #intro #container-tabs #tab-1 {width:500px; height:279px; float:left;}
    #intro #container-tabs #tab-2 {width:500px; height:279px; float:left;}
    #intro #container-tabs #tab-3 {width:500px; height:279px; float:left;}

    #intro #container-tabs ul li {padding:0 0 0 98px;}
    #intro #container-tabs ul li a {color:#1e69a9; text-decoration:none; width:228px; height:96px; display:block;}
    #intro #container-tabs ul li a:hover {color:#1e69a9; text-decoration:none;}

    #intro #container-tabs ul li.tab-1 {background:url("../images/newdesign/bg-tabs-tab-1.png") no-repeat scroll 0 0 transparent; width:228px; height:96px; line-height:72px; position:absolute; left:-26px; top:0; z-index:50;}
    #intro #container-tabs ul li.tab-1.ui-tabs-selected {background:url("../images/newdesign/bg-tabs-tab-1.png") no-repeat scroll 0 -96px transparent; width:228px; height:96px; line-height:72px; position:absolute; z-index:100;}

    #intro #container-tabs ul li.tab-2 {background:url("../images/newdesign/bg-tabs-tab-2.png") no-repeat scroll 0 0 transparent; width:228px; height:113px; line-height:105px; position:absolute; left:-26px; top:63px; z-index:50;}
    #intro #container-tabs ul li.tab-2.ui-tabs-selected {background:url("../images/newdesign/bg-tabs-tab-2.png") no-repeat scroll 0 -113px transparent; width:228px; height:113px; line-height:105px; position:absolute; z-index:100;}

    #intro #container-tabs ul li.tab-3 {background:url("../images/newdesign/bg-tabs-tab-3.png") no-repeat scroll 0 0 transparent; width:228px; height:113px; line-height:105px; position:absolute; left:-26px; top:141px; z-index:50;}
    #intro #container-tabs ul li.tab-3.ui-tabs-selected {background:url("../images/newdesign/bg-tabs-tab-3.png") no-repeat scroll 0 -113px transparent; width:228px; height:113px; line-height:105px; position:absolute; z-index:100;}

    #intro #container-tabs .tab {position:relative; overflow:hidden; width:500px; height:279px;}
    #intro #container-tabs .tab .description {background:url("../images/bg-tabs-description.png") repeat scroll transparent; position:absolute; bottom:0; width:480px; line-height:18px; text-align:center; font-size:14px; color:#fff; padding:15px 10px;}
    #intro #container-tabs .tab .description span {background:rgba(82, 145, 200, 0.8); text-align:center; display:block; font-size:20px; width:150px; color:#fff; margin:5px 0; padding:10px 15px; border:1px solid #ffffff;}
    #intro #container-tabs .more-info {position:absolute; top:100px; left:100px; display:none;}

/* BOX NEWS */

    #box-news img {border:1px solid #DBDBDB;}
    #box-news p {text-align:justify;}
    #box-news .bg-hover:hover img {border:1px solid #C7DAE9;}
    #box-news .col-1, #box-news .col-2, #box-news .col-3, #box-news .col-4 {float:left; width:190px; height:329px; margin:0 20px 10px 0; position:relative; z-index:10;}
    #box-news .last {margin:0;}
    #box-news .bg-hover {background:none; position:absolute; left:-20px; padding:15px 20px 20px 20px; height:309px; width:190px; z-index:20;}
    #box-news .bg-hover:hover {background: url('../images/newdesign/bg-news-hover.png') no-repeat;}
    #box-news .bg-hover:hover p {color:#000;}
    #box-news a {color:#8c8c8c;}
    #box-news a:hover {color:#2c2c2c;}

/* NEWS */

    .sideBox .news {display:block; margin:0;}
    .sideBox .aktualita_text {min-height:70px;}
    .news {display:block; margin-top:30px;}
    .news .rok {float:right; margin:0 15px 0 0; font-size:14px; font-weight:bold;}
    .news .aktualita_text {position:relative; width:auto; margin-left:70px;}
    .news .aktualita_datum {background: url('../images/newdesign/calendar.png') no-repeat; position:absolute; padding:11px 0 0 0; display:block; height:64px; width:64px; top:0; left:-75px; font-size:12px; text-align:center; text-transform:none;}
    .news .aktualita_mesic {font-size:11px; color:#fff; font-weight:bold; }
    .news .aktualita_den {font-size:27px; color:#535E67; margin-top:-16px; padding:0;}
    .new {border-bottom:1px solid #C7DAE9; }
    .datum {background:#C7DAE9; padding:3px 0 3px 6px; width:100px; display:block;}

/* BOX MOTTO */

    .box-motto {background:url("../images/newdesign/bg-box-motto-middle.jpg") repeat-y scroll left top #FFFFFF; display:block; overflow:hidden; margin:10px 0 10px 20px; width:263px; float:right;}
    .box-motto .box-motto-top {background:url("../images/newdesign/bg-box-motto-top.jpg") no-repeat scroll left top transparent; display:block; min-height:115px; padding:0; width:263px;}
    .box-motto .box-motto-bottom {background:url("../images/newdesign/bg-box-motto-bottom.jpg") no-repeat scroll left top #FFFFFF; display:block; height:36px; width:263px;}
    .box-motto p {padding:30px 35px 0 35px; margin:0; line-height:1.3em; color:#535e67; font-size:21px;}

    .box {background: url('../images/newdesign/box-bg.png') repeat-y;margin-bottom: 20px}
    .boxTop {background: url('../images/newdesign/box-top.png') no-repeat}
    .boxBtm {background: url('../images/newdesign/box-btm.png') no-repeat 0 100%;padding: 20px}
    .box .colLeft {width: 360px;float: left}
    .box .colLeft p {margin-bottom: 0}
    .box .colRight {width: 370px;float: right}
    .box .colRight li {padding-left: 50px;margin-bottom: 20px}
    .box .colRight li.tvorba {background: url('../images/newdesign/ico-tvorba.png') no-repeat 2px 5px}
    .box .colRight li.propagace {background: url('../images/newdesign/ico-propagace.png') no-repeat 0 5px}
    .box .colRight li.poradenstvi {background: url('../images/newdesign/ico-poradenstvi.png') no-repeat 5px 5px}
    .cols .colLeft {width: 390px;float: left}
    .cols .colLeft strong {color: #203a52;padding-right: 3px}
    .cols .colLeft span {color: #a8adb2}
    .cols .colLeft p {padding-top: 5px;color: #535e67}
    .cols .colRight {width: 390px;float: right}
    .cols .ref {width: 370px;margin-bottom: 20px}
    .cols .ref li a {display: block;}
    .cols .ref li a img {border: 1px solid #dae6f0}
    .detail .cols .colLeft {width: 400px}
    .detail .cols .colRight {width: 380px}
    .detail .colLeft .image {margin-bottom: 20px;display: block;float: left}
    .detail .colLeft .image img {border: 1px solid #cbd7e0;float: left}
    .detail .colLeft .thumbs {clear: both;background: #f3f6f9;border: 1px solid #cbd7e0;padding: 10px 0 10px 10px}
    .detail .colLeft .thumbs .image {float: left;margin: 0 9px 0 0;}
    .detail .date {display: block;color: #94a0aa;padding-bottom: 10px;border-bottom: 1px solid #cbd7e0;margin-bottom: 30px}
    .detail dl {padding-left: 20px;margin-bottom: 20px}
    .detail dl dt {font-weight: bold;color: #ca3230;padding-bottom: 3px}
    .detail dl dd {line-height: 1.5em}
    .detail .dl-klient {background: url('../images/newdesign/ico-klient.png') no-repeat 3px 2px}
    .detail .dl-cil {background: url('../images/newdesign/ico-cil.png') no-repeat 2px 4px}
    .detail .dl-vysledek {background: url('../images/newdesign/ico-vysledek.png') no-repeat 2px 3px}
    .detail .dl-reseni {background: url('../images/newdesign/ico-reseni.png') no-repeat 0 3px}
    .detail .dl-vyjadreni {background: url('../images/newdesign/ico-vyjadreni.png') no-repeat 0 3px}
    .reference .refs {background: url('../images/newdesign/ref-bg.png') no-repeat;height:300px;margin: 20px 0;padding: 20px;position: relative}
    .reference .image {position: relative;width: 490px}
    .reference .image img {border: 1px solid #dde5eb}        
    .reference .refs ul {position: absolute;top: 10px;right: 0;width: 310px}
    .reference .refs ul li {height: 35px;padding: 0 0 0 40px;float: left;width: 270px;position: relative}
    .reference .refs ul li.active {background: url('../images/newdesign/ref-active.png') no-repeat}
    .reference .refs ul li.active span {display: block;width: 19px;height:5px;background: url('../images/newdesign/ref-shadow.png') no-repeat;position: absolute;top: 35px;left: 0}
    .reference .refs ul li a {padding-left: 15px;background: url('../images/newdesign/ref-li.png') no-repeat 0 14px;display: block;color: #24476a;font-weight: bold;text-decoration: none;height: 34px;line-height: 34px;position: relative;top:0px;border-bottom: 1px solid #cbd7e0}
    .reference .refs ul li a:hover {color: #df2e22}
    .reference .refs ul li.prev a {border: 0}
    .reference .refs ul li.active a {border: 0;background-position: 0 -21px}
    .reference .refs .info {background: url('../images/newdesign/ref-info-bg.png') no-repeat;position: absolute;top: 240px;left: 0;width: 490px;height: 60px}
    .reference .refs .info a {display: block;padding: 5px 10px;color: #fff;text-decoration: none}
    .reference .refs .info span {display: block;font-size: 1.6em;margin-bottom: 5px}
    .reference .refs .info small {font-size: 1.0em}
    .reference .nextRefs {width: 630px;padding-top: 5px}
    .reference .nextRefs li {width: 210px;float: left}
    .reference .nextRefs li a {display: block;padding: 2px 0 2px 20px;background: url('../images/newdesign/a-more.png') no-repeat 8px 50%}

    #box-reference {position:relative; width:540px; height:319px; z-index:50; overflow: hidden;}
    #box-reference img {width:540px; height:319px;}
    #box-reference .description {background:rgba(82, 145, 200, 0.7); position:absolute; bottom:3px; width:520px; line-height:18px; text-align:center; font-size:14px; color:#fff; padding:15px 10px;}

    #box-reference a.next { z-index:30; top:0; width:80px; height:319px; left:0; position:absolute;}
    #box-reference a.next:hover {background:rgba(82, 145, 200, 0.1);}
    #box-reference .prevBtn {background:url("../images/newdesign/arrow-right-normal.png") no-repeat scroll center center transparent; z-index:100; top:0px; width:80px; height:319px; left:0px; position:absolute;}
    #box-reference .prevBtn:hover {background:url("../images/newdesign/arrow-right-hover.png") no-repeat scroll center center transparent;}

    #box-reference a.prev {z-index:30; top:0; width:80px; height:319px;right:0; position:absolute;}
    #box-reference a.prev:hover {background:rgba(82, 145, 200, 0.1);}
    #box-reference .nextBtn {background:url("../images/newdesign/arrow-left-normal.png") no-repeat scroll center center transparent; z-index:40; top:0; width:80px; height:319px; right:0; position:absolute;}
    #box-reference .nextBtn:hover {background:url("../images/newdesign/arrow-left-hover.png") no-repeat scroll center center transparent;}

    #box-reference .prevBtn, #box-reference .nextBtn {text-indent:-8000px;}

    .sideBox {margin:15px 30px 20px 20px;width: 230px}
    .sideBox ul {}
    .sideBox ul li {background: url('../images/newdesign/li.png') no-repeat 0 12px; line-height:20px; padding:5px 0 5px 15px; font-size:16px;}
    .sideBox ul li.active {background: url('../images/newdesign/li.png') no-repeat 0 12px !important;}
    .sideBox ul li.active a {font-weight:bold !important;}
    .sideBox ul li a {display:block; color: #1e69a9; text-decoration: none}
    .sideBox ul li a:hover { text-decoration:underline; color: #1e69a9}
    .sideBox ul li.no-bg {background:none;}
    .sideBox ul li.no-bg a {padding-left:0;}
    .sideBox2 {width: 250px; margin-left:10px; float:left;}
    .sideBox2 iframe {height:350px !important;}
    .contentRight {width: 540px;float: right}
    .contentRight .title {display: block;color: #24476a;border-bottom: 1px solid #cbd7e0;margin-bottom: 10px;padding-bottom: 3px}
    .hiddenBox {display: none;margin-bottom: 10px;padding: 10px 0 0 25px}
    .hiddenBox h3 {font-size: 1.0em}
    a.openBox {display: block;margin-bottom: 5px;text-decoration: none;width: 310px;height: 30px;line-height: 30px;background: url('../images/newdesign/a-open-bg.png') no-repeat}
    a.openBox span {display: block;padding-left: 25px;background: url('../images/newdesign/plus.png') no-repeat 10px 50%}
    a.openBox span.active {background: url('../images/newdesign/minus.png') no-repeat 10px 50%}
    .image img {border: 1px solid #cbd7e0}
    .kontakt .col1 {width: 270px;float: left}
    .kontakt .col2 {width: 270px;float: left}
               
    #footer {background:transparent url('../images/newdesign/bg-footer.png') no-repeat;height: 100px;padding: 0 45px;font-size: 0.9em;clear: both; overflow: hidden;}
    #footer p {line-height: 70px;color: #c4daee}
    #footer p a {color: #c4daee}
    #footer p .mobile {background: url('../images/newdesign/ico-mobile.png') no-repeat 0 50%;padding-left: 15px;margin-right: 25px}
    #footer p .email {background: url('../images/newdesign/ico-email.png') no-repeat 0 60%;padding-left: 18px;margin-right: 25px}
    #footer p .sitemap {background: url('../images/newdesign/ico-sitemap.png') no-repeat 0 60%;padding-left: 15px; margin-right: 25px}
    #footer p .lang-en {background: url('../images/newdesign/en.png') no-repeat 0 60%;padding-left: 25px}
    #footer p .lang-cz {background: url('../images/newdesign/cz.png') no-repeat 0 60%;padding-left: 25px}

/* Reference */

    .RefList {float:left; margin-top:20px;}

/* JQuery UI tabs plugin  */

.ui-tabs-hide {display: none; background-color:#fff}

/* Other */
p, address {line-height: 1.7em;padding: 0;margin: 0 0 20px;font-style: normal}
.noscreen,
hr {display:none}
.floatLeft {float: left}
.floatRight {float: right}
.textRight {text-align:right;}
/* clearfix */
.cb {clear:both;}
.clear {clear:both;display: block;height: 0;line-height: 0;font-size: 0;width: 100%}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}  
.hidden {display: none;}