/*
 Copyright 2010-2011 Kvalitníkód.cz
*/
* {
 padding:0;
 margin:0;
 border:none;
}
body {
 background:#ffffff;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 text-align:left;
 line-height:1.4em;
 color:#060606;
}
img {
 border:none;
}
a {
 color:#1983c2;
}
a:hover, a:active {
 text-decoration:none;
}
p {
 padding-bottom:1.2em;
}
h1, h2, h3 {
 color:#1983c2;
 font-size:18px;
 font-weight:normal;
 text-transform:uppercase;
}
h1 {
 background:url('img/icon-h1.png') no-repeat left 11px;
 padding:12px 0 19px 29px;
 overflow:hidden;
}
h2 {
 color:#5679ca;
 font-size:17px;
 font-weight:bold;
 padding:2px 0 2px 0;
 margin-bottom:9px;
 font-family:Calibri, "Luxi Sans", Arial, Helvetica, sans-serif;
}
h3 {
 font-size:16px;
 padding:0 0 2px 0;
 font-family:Calibri, "Luxi Sans", Arial, Helvetica, sans-serif;
}

li {
 list-style-type:none;
}
input, select, textarea {
 color:#333333;
 font-family:Arial, Helvetica , sans-serif;
 font-size:12px;
 padding:4px 6px;
 border:1px solid #dcdcdc;
 margin-bottom:4px;
}
textarea {
 overflow:auto;
 width:370px;
 height:95px;
}
input.text {
 width:180px;
}
input:focus, textarea:focus {
 border:1px solid #c0c0c0;
}
input.btn {
 padding:0;
 margin:4px 0;
 border:none;
}
form {
 margin:10px 0;
}
form label {
 display:inline-block;
 width:60px;
 vertical-align:top;
 margin-top:2px;
}
table {
 border-collapse:collapse;
 width:400px;
 margin-bottom:17px;
}
th, td {
 vertical-align:top;
 padding:1px 3px;
 text-align:left;
 border:1px solid #eeeeee;
}
td.cena {
 text-align:center;
 width:125px;
}
.clr {
 clear:both;
 font-size:0;
 height:0;
 line-height:0;
}
.cufon-ready .cufon { line-height:1em; }
.cufon-ready td.cena .cufon { padding-top:4px; }

#wrapper {
 width:990px;
 margin:0 auto;
}
#headerwrapper {
 background:#ffffff;
 height:72px;
 border-bottom:1px solid #b7d2f1;
}
#refwrapper, #refwrapper2 {
 background:#dde7fc url('img/bg-refbar.png') repeat-x left center;
 border-bottom:1px solid #b7d2f1;
}
#refwrapper2 {
 background:#dde7fc url('img/bg-refbar2.png') repeat-x;
}
#refwrapper2 cite {
 display:block;
 font-size:19px;
 padding:11px 0 11px 10px;
 color:#777777;
 font-style:italic;
 text-transform:none;
 text-shadow:1px 1px 1px #eeeeee;
}
#obsahwrapper {
 background:#ffffff url('img/bg-body2.gif') repeat-x left -288px;
 padding:15px 0 20px 0;
 margin-top:1px;
}
#refobsah {
 width:990px;
 margin:0 auto;
 padding:7px 0 7px 3px;
}
#refobsah p {
 padding:10px 12px 0 0;
 color:#151515;
}
#refobsah #about {
 float:left;
 background:url('img/bg-about.png') no-repeat;
 color:#ffffff;
 width:260px;
 height:248px;
 padding:12px 15px 0 36px;
 margin:7px 0 0 -7px;
}
#refobsah p.cenik {
 width:260px;
 margin-top:1px;
}
#refobsah p.cenik a {
 background:url('img/icon-h1.png') no-repeat 0 6px;
 display:inline-block;
 height:32px;
 line-height:32px;
 font-weight:bold;
 font-size:17px;
 text-transform:uppercase;
 margin-left:1px;
 padding-left:27px;
}
#refobsah cufon {
 padding:0 0 7px 0;
}
#reference {
 float:left;
 background:url('img/bg-reference.png') no-repeat;
 width:688px;
 height:260px;
 margin:7px 0 7px -2px;
}
#reference div.iefix {
 position:relative;
 width:672px;
 height:244px;
 padding:8px;
}
#reference .nivo-controlNav {
 background-color:#ffffff;
 border-top:1px solid #fdfdfd;
 padding:6px 0 2px 2px;
 position:absolute;
 right:-1px;
 bottom:-1px;
 z-index:9999999;
}
#reference .nivo-controlNav a {
 background:#ffffff;
 font-size:12px;
 text-decoration:none;
 margin:0 5px;
 outline:none;
 display:inline-block;
 width:20px;
 height:20px;
 line-height:20px;
 text-align:center;
 font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
#reference .nivo-controlNav a:hover, #reference .nivo-controlNav a.active {
 background:#f55211 url('img/bg-pager-a.gif') no-repeat center center;
 color:#ffffff;
}
#reference .nivo-controlNav a:last-child {
 margin-right:3px;
}
#reference .nivo-controlNav span {
 background:url('img/bg-pager-corner.png') no-repeat;
 display:inline-block;
 width:8px;
 height:27px;
 font-size:0;
 position:relative;
 left:-10px;
 margin-top:-7px;
 margin-bottom:-6px;
}
#reference #rotate {
 background:#efefef;
 width:672px;
 height:244px;
 overflow:hidden;
}
#reference #desc {
 background:url('img/bg-desc.png');
 color:#ffffff;
 text-shadow:#444444 1px 1px;
 padding:9px 12px;
 width:648px;
 height:37px;
 position:absolute;
 left:8px;
 bottom:8px;
 white-space:nowrap;
 overflow:hidden;
 z-index:998;
}
#rotate #desc {
 position:absolute;
 left:0;
 bottom:0;
}


#header {
 background:#ffffff;
 padding:8px 0 9px 0;
 height:50px;
 width:990px;
 margin:0 auto;
 position:relative;
}
#header #logo {
 padding:0;
 height:55px;
 line-height:55px;
 width:220px;
 font-size:25px;
 position:absolute;
 left:0;
 top:8px;
 z-index:5;
}
#menu {
 background:url('img/bg-menu.gif') no-repeat right -35px;
 display:inline-block;
 height:35px;
 padding-right:10px;
 position:absolute;
 right:0;
 top:19px;
 z-index:4;
}
#menu ul {
 float:left;
 background:url('img/bg-menu.gif') no-repeat;
 height:35px;
 padding-left:10px;
}
#menu li {
 background:url('img/bg-menu.gif') repeat-x 0 -70px;
 float:left;
 height:35px;
}
#menu li a {
 background:url('img/menu.gif') no-repeat 2px 0;
 text-transform:uppercase;
 font-size:11px;
 color:#0061e8;
 text-decoration:none;
 display:inline-block;
 height:28px;
 line-height:28px;
 letter-spacing:0.4px;
 padding:0 0 0 15px;
 margin:3px 0 3px -1px;
 overflow:hidden;
}
#menu li.m1 a { width:122px;padding-left:8px; }
#menu li.m2 a { width:84px;background-position:-130px 0; }
#menu li.m3 a { width:105px;background-position:-225px 0; }
#menu li.m4 a { width:92px;background-position:-348px 0; }
#menu li.m5 a { width:77px;background-position:-455px 0; }
#menu li.m6 a { width:47px;background-position:-550px 0; }
#menu li.m7 a { width:53px;padding-right:9px;background-position:-606px 0; }
#menu li a span {
 background:url('img/bg-menu-a.gif') no-repeat right 0;
 display:block;
 height:28px;
 line-height:28px;
 padding-right:16px;
 overflow:hidden;
 padding-top:28px;
}
#menu li.m7 a span {
 background-image:none;
 padding-right:0;
}
#menu li a:hover, #menu li a:active {
 background-color:#f7f7f7;
}

#main {
 background:#ffffff url('img/bg-main.gif') no-repeat;
 padding:8px 12px 20px 10px;
 position:relative;
}
#main .corner {
 background:url('img/corner-main.gif') no-repeat;
 display:inline-block;
 width:9px;
 height:8px;
 font-size:0;
 position:absolute;
}
#main .lh { background-position:right top;left:0;top:0; }
#main .ph { right:0;top:0; }
#content {
 float:left;
 width:680px;
 padding-left:6px;
}
#content .sluzby {
 float:left;
 background:#fefefe;
 padding:4px;
 border:4px solid #f3f3f3;
 width:299px;
 height:148px;
 padding:8px 12px;
 margin-top:8px;
 margin-right:8px;
 position:relative;
}
#content .nomar {
 margin-right:0;
}
#content .sluzby h2 {
 background:url('img/bg-h2.gif') no-repeat left bottom;
 padding-bottom:14px;
 margin-bottom:5px;
}
#content .sluzby h2 a {
 color:#5679ca;
 text-decoration:none;
}
#content .sluzby a.more {
 background:url('img/odrazka-gtgt.gif') no-repeat right 6px;
 padding-right:12px;
}
#content .sluzby .cena {
 background:#f75c1e url('img/bg-cena.gif') no-repeat;
 font-size:15px;
 font-weight:bold;
 color:#ffffff;
 display:inline-block;
 padding:7px 8px 6px 10px;
 position:absolute;
 right:0;
 bottom:0;
}
#content ul {
 margin:0 0 19px 5px;
}
#content ul.reference {
 margin:0 0 17px 0;
 display:block;
 overflow:hidden;
}
#content ul li {
 background:url('img/li-odrazka.gif') no-repeat 1px 9px;
 display:block;
 padding:2px 2px 2px 17px;
}
#content ul.reference li {
 float:left;
 width:300px;
 padding-left:15px;
 display:inline-block;
}
#content ul li a {
 text-decoration:none;
 color:#000000;
}
#content ul li a:hover {
 text-decoration:underline;
}
#content .kodovani {
 background:url('img/bg-kodovani.png') no-repeat right top;
}
#content .programovani {
 background:url('img/bg-programovani.png') no-repeat right top;
}

#sidebar {
 float:right;
 width:270px;
}
#sidebar h2 {
 color:#f55211;
 padding-bottom:4px;
 border-bottom:1px solid #eeeeee;
}
#sidebar p {
 padding:0;
}
p.kontakt {
 line-height:1.7em;
}
p.kontakt label {
 display:inline-block;
 width:55px;
 height:16px;
 line-height:16px;
 padding-left:25px;
}
p.kontakt label.mobile { background:url('img/icon-phone.gif') no-repeat 2px 0; }
p.kontakt label.email { background:url('img/icon-mail.gif') no-repeat 2px 1px; }
p.kontakt label.vcard { background:url('img/icon-vcard.gif') no-repeat 2px 1px;padding-left:26px; }

#sidebar .box {
 background:url('img/bg-sidecol.gif') no-repeat;
 padding:9px 8px 10px 8px;
}
#sidebar .box .innerbox {
 padding:10px 12px 12px 12px;
}
#sidebar .comment cite {
 font-style:italic;
}
#sidebar .comment .name {
 display:block;
 text-align:right;
 padding:6px 8px 0 0;
}
#sidebar .comment .company {
 display:block;
 text-align:right;
 padding-right:8px;
}
#footer {
 background:url('img/bg-footer.gif') repeat-x;
 padding-top:20px;
}
#ftr {
 width:990px;
 margin:0 auto;
 padding:15px 0 25px 0;
 line-height:1.7em;
 color:#333333;
}
#ftr a {
 text-decoration:none;
 color:#777777;
}
#ftr a:hover {
 text-decoration:underline;
}
#ftr span {
 color:#c4c4c4;
 padding:0 3px;
}
#ftr img {
 width:80px;
 height:15px;
 vertical-align:middle;
}