html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

a {color: #0084c9;}
a:hover, a:active, a:focus {color: #105097;}
a img {border: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

p {margin: 10px 0;}

h1, h2, h3, h4, h5, h6 {color: #000; font-weight: bold;}

/* UNIVERZALNI PRVKY
======================================*/

.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
.fl {float: left;}
.fr {float: right;}
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}

.bold {font-weight: bold;}
.hand {cursor: hand; cursor: pointer;}

.a-hidden {position: absolute; top: -10000em;}

/* STRUKTURA
======================================*/

body {background: #0084c9 url("img/topwrap.jpg") top center no-repeat; font: 75%/1.5 arial, helvetica, sans-serif; text-align: center; color: #333;}

#jump {display: inline; font-size: 1.2em;}
	#jump li {display: inline;}
	#jump a {position: absolute; z-index: -10; top: 200px; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0; text-align: center; text-decoration: underline; font-weight: bold; color: white;}
	#jump a:hover,
	#jump a:active,
	#jump a:focus {background: #11357c; top: 0; z-index: 9;}

/*#topwrap {background: #0084c9 url("img/topwrap.jpg") top center no-repeat;}*/
#middlewrap {background: url("img/middlewrap.png") top center no-repeat;}
#bottomwrap {background: url("img/bottomwrap.png") bottom center no-repeat; width: 100%;}
.inner_container {position: relative; width: 900px; overflow: hidden; margin: 0 auto; text-align: left;}

#logo {position: absolute; top: 32px; left: 26px; width: 249px; height: 70px; overflow: hidden; font-size: 170%; font-weight: bold;}
#logo a {position: relative; display: block; width: 249px; height: 70px; overflow: hidden; text-decoration: none; color: #000;}
#logo a .ir {background: url("img/logo.png");}

#nav {position: absolute; right: 10px; top: 78px; margin: 0;}
#nav li {display: inline;}
#nav li a {float: left; height: 38px; margin: 0 5px 0 0; line-height: 38px; vertical-align: middle; font-weight: bold; text-decoration: none; color: #007dc3;}
#nav li a span.l {background: url("img/navl.png") no-repeat; float: left; height: 100%; padding: 0 5px 0 13px;}
#nav li a span.r {background: url("img/navr.png") no-repeat right top; float: left; width: 8px; height: 100%;}
#nav li a:hover,
#nav li a:active,
#nav li a:focus,
#nav li a.active {color: #000;}
#nav li a:hover span.l,
#nav li a:active  span.l,
#nav li a:focus  span.l {background-image: url("img/navlh.png");}
#nav li a:hover span.r,
#nav li a:active  span.r,
#nav li a:focus  span.r {background-image: url("img/navrh.png");}

#heading {background: url("img/headingt.jpg") left top no-repeat; margin-top: 120px; padding: 11px 0 0 0;}
#heading h2,
#heading h1 {background: #0d74bb url("img/heading.jpg"); position: relative; width: 100%; margin: 0; padding: 10px 30px 15px 30px; font-size: 220%; color: #fff;}
#heading h2#board {height: 214px;}
#heading h2#board .ir {background: url("img/board.jpg");}

#content {background: #fff url("img/content.png") no-repeat; width: 100%; overflow: hidden;}

#content-switch {background: #fff url("img/content-switch.gif") 0 100% repeat-x; height: 60px; overflow: hidden; margin: 0; padding: 0 0 0 15px;}
#content-switch li {background: none !important; display: inline;}
#content-switch li a {float: left; height: 60px; line-height: 60px; vertical-align: middle; margin: 0 15px;}
#content-switch li a.active {background: white; border: solid #e7e7e7; border-width: 0 1px; text-decoration: none; color: #333; font-weight: bold; padding: 0 30px;}

#content #inner_content {padding: 0 30px 20px 30px;}
#content #inner_content.sidebar {float: left; display: inline; width: 510px; margin-left: 30px; padding: 0 0 20px 0;}

#content #sidebar {border: solid #e1e1e1; border-width: 0 0 1px 1px; background: #f5f5f5; float: right; width: 270px; padding: 0 30px 30px 30px;}

#news {border-top: 1px solid #e5e5e5; background: #fcfcfc; clear: both; width: 870px; overflow: hidden; padding: 0 0 0 30px;}
#news h3 {margin: 18px 0 10px 0; color: #333;}
#news .item {float: left; width: 267px; margin: 0 20px 22px 0;}
#news .item h4 {margin: 0 0 8px 0; color: #555;}
#news .item p {margin: 0; color: #666;}
#news .item a {color: #555;}
#news .item a:hover, #news .item a:active, #news .item a:focus {color: #105097;}

#clients {border-top: 1px solid #e5e5e5; padding: 25px 30px;}

#bottom {color: #fff;}
#bottom .b {background: url("img/bottomb.png") left top no-repeat; width: 100%; height: 12px; overflow: hidden;}
#bottom .inner {background: #05294c; padding: 20px 0 10px 30px;}
#bottom3 {background: red;}
#bottom3 .item {float: left; width: 267px; margin: 0 20px 0 0;}
#bottom h3 {margin: 0; color: #fff;}
#bottom ul li {background: url("img/bottomli.gif") 0 4px no-repeat; padding: 0 0 0 15px;}
#bottom a {color: #fff;}
#bottom a:hover,
#bottom a:active,
#bottom a:focus {color: #65c6f5;}

#footer {padding: 20px 0; text-align: center; font-size: 90%; color: #0c3c78;}
#footer a {color: #0c3c78;}
#footer a:hover,
#footer a:active,
#footer a:focus {color: #0c3c78;}

/* Obsah
--------------------------------------*/

h2 {margin: 20px 0 10px 0;}
h2.bigger {font-size: 220%; letter-spacing: -1px;}

h3 {margin: 20px 0 10px 0; font-size: 150%; color: #105097;}
h3 span {margin: 0 0 0 10px; font-size: 70%; font-weight: normal; color: #777;}
h3 span a {margin: 0 0 0 10px; color: #4ca8d9;}
h4 {margin: 10px 0; font-size: 120%; font-weight: bold;}

p, ul {margin: 10px 0 15px 0;}

ol {margin: 10px 20px;}
ol li {list-style-type: decimal;}

address {font-style: normal;}

#content ul li {background: url("img/li.gif") 0 3px no-repeat; padding: 0 0 0 15px;}

#hpServices {width: 531px; overflow: hidden; margin: 20px 0 0 0;}
#hpServices .item {float: left; width: 157px; margin: 0 20px 15px 0;}
#hpServices .item h3 {margin: 0; font-size: 150%;}
#hpServices ul {margin: 5px 0 0 0;}

p.more a {background: #e3f3fb; padding: 10px;}
p.more a:hover,
p.more a:focus,
p.more a:active {background: #0084c9; color: #fff; text-decoration: none;}

.reference {width: 100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.reference h4 {margin: 0;}

.refthumbs {width: 870px; padding-bottom: 15px; overflow: hidden;}
.refthumbs a {background: #f5f5f5; float: left; width: 260px; margin: 0 15px 0 0; padding: 5px; text-align: center; text-decoration: none; color: #0084c9;}
.refthumbs .desc a {background: transparent; float: none; width: auto; margin: 0; padding: 0; text-decoration: underline;}
.refthumbs a img {display: block;}
.refthumbs a em {border-bottom: 1px solid #c6eaff;}
.refthumbs a:hover em,
.refthumbs a:active em,
.refthumbs a:focus em {border-color: #bfd0e3; color: #105097;}
.refthumbs .desc {float: left; width: 550px;}

p.pagination {margin: 30px 0 10px 0;}
p.pagination a {display: block;}

#cform {width: 430px; margin: 15px 0;}
#cform fieldset {border: 1px solid #ddd; padding: 15px;}
#cform legend {font-weight: bold; padding: 0 10px; color: #333;}
#cform label {display: block; margin: 10px 0;}
#cform label span {float: left; width: 80px;}
#cform input.text,
#cform textarea {border: 1px solid #999; border-right-color: #ddd; border-bottom-color: #ddd; width: 300px; padding: 4px 2px;}
#cform input.hand {margin-left: 80px;}

table#creditals {width: 100%;}
table#creditals td {vertical-align: top;}
#contform {margin-top: 20px;}
#contform legend {letter-spacing: 0;}

.cols2 {}
.cols2 .item {margin: 0 0 30px 0;}
.cols2 .item h3 {margin-top: 0;}
.cols2 p.more {margin: 10px 0; text-align: right;}

table#team {margin-top: -10px;}
table#team td {padding: 15px 0; border-bottom: 1px solid #ddd;}
table#team td .inner {margin-left: 95px;}

/* Sidebar
--------------------------------------*/

#sidebar h3 {margin: 20px 0; font-size: 150%; color: #333;}

#sidebar a.thumb {background: #fff; display: block; padding-bottom: 5px; text-align: center; text-decoration: none; color: #0084c9;}
#sidebar a.thumb img {display: block; margin-bottom: 10px;}
#sidebar a.thumb strong {border-bottom: 1px solid #c6eaff;}
#sidebar a.thumb:hover strong,
#sidebar a.thumb:active strong,
#sidebar a.thumb:focus strong {border-color: #bfd0e3; color: #105097;}

#sidebar #mycarousel li {background: none; padding: 0;}

#sidebar p.more {margin: 30px 0 0 0;}
#sidebar p.more a {background: #fff; padding: 10px; color: #777;}
#sidebar p.more a:hover,
#sidebar p.more a:focus,
#sidebar p.more a:active {background: #999; color: #fff; text-decoration: none;}

#sidebar ul.refs li {background: none; margin: 0 0 22px 0; padding: 0;}
#sidebar ul.refs a.thumb {padding: 5px;}
#sidebar ul.refs a.thumb h4 {border-bottom: 1px solid #c6eaff; display: inline; color: #0084c9;}
#sidebar ul.refs a.thumb:hover h4,
#sidebar ul.refs a.thumb:active h4,
#sidebar ul.refs a.thumb:focus h4 {border-color: #bfd0e3; color: #105097;}

#sidebar dl#testimonials {font-family: georgia, times, sans-serif; font-style: italic;}
#sidebar dl#testimonials dd {margin: 15px 0 0 0; color: #666;}
#sidebar dl#testimonials dt {text-align: right;}