/* OBECNE
======================================*/

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;}

html {font: 62.5%/1.5 arial, helvetica, sans-serif;}
body {background: #204f65; min-width: 840px; text-align: center; font-size: 140%; color: #333;}

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;}
ul.nobullet li {background: none !important; padding-left: 0 !important;}

hr {display: none;}

a {color: #60820e;}
a:hover, a:active, a:focus {color: #137486;}
a.alt, .alt a {color: #137486;}
a.alt:hover, a.alt:active, a.alt:focus, .alt a:hover, .alt a:active, .alt a:focus {color: #60820e;}

a img {border: none;}

p {margin: 10px 0;}

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

acronym, abbr {border-bottom: 1px dotted; cursor: help;}

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

.cw, .inner_container {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
======================================*/

#jump {display: inline;}
	#jump li {display: inline;}
	#jump a {position: absolute; top: -10000em; 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: #204f65; top: 0; z-index: 9;}

.inner_container {width: 800px; margin: 0 auto; text-align: left;}

/* Hlavicka
--------------------------------------*/

#header {background: #d3f1f8 url("img/header.png") center top repeat-x; height: 150px;}

h1 {position: relative; width: 225px; height: 75px; margin-top: 20px; overflow: hidden; font-size: 160%;}
h1 a {color: #282e2e !important;}
h1 span {font-weight: bold; color: #79b034;}
h1 em {font-size: 80%; font-style: normal;}
h1 span.ir {background: url("img/freshmind.png");}

#nav {margin: 66px 0 0 0;}
#nav li {display: inline;}
#nav a {background: url("img/nav_sep.gif") 0 9px no-repeat; float: left; text-decoration: none; color: #072831;}
#nav a.first {background: none;}
#nav a span {display: block; height: 30px; padding: 0 15px; line-height: 27px; vertical-align: middle;}
#nav a.active {background: #85b415 url("img/nav_a-r.png") 100% 0 no-repeat !important; color: #ffffff !important;}
#nav a.active span {background: url("img/nav_a-l.png") no-repeat !important;}
#nav a:hover,
#nav a:focus,
#nav a:active {background: #fc7b0d url("img/nav_h-r.png") 100% 0 no-repeat; color: #ffffff;}
#nav a:hover span,
#nav a:focus span,
#nav a:active span {background: url("img/nav_h-l.png") no-repeat;}

/* Stredni sekce (sidebar a content)
--------------------------------------*/

#main {background: #ffffff;}
#main.side .inner_container {background: url("img/sidebar-b.jpg") 100% 100% no-repeat;}

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

#main.side #content {float: left; width: 525px; overflow: hidden;}
#content.static {padding-bottom: 35px;}
#content.static h3 {margin: 10px 0 15px 0; font-size: 120%; font-weight: bold;}
#content.static h4 {margin: 10px 0; font-size: 100%; font-weight: bold;}

/*homepage*/
#content {width: 100%; overflow: hidden;}
#content.homepage {padding-bottom: 40px;}
#content.homepage h2 {border-bottom: 1px solid #e5e5e5;}
#promo {width: 100%; margin: 25px 0 0 0; font-size: 130%; line-height: 1.6; color: #444;}
#promo p {margin: 20px 0 0 0;}
#content.homepage #references {float: left; width: 380px; margin-top: 15px;}
#content.homepage #references a.reference {margin: 0;}
#content.homepage #clients {float: right; width: 380px; margin-top: 15px;}
#content.homepage #clients img {margin: 7px 0 0 0;}

/*services & about us*/
#desc {width: 100%; margin: -5px 0 0 0; font-size: 120%; line-height: 1.7; color: #444;}
#desc p {margin: 0 0 20px 0;}
.cards {width: 840px; overflow: hidden;}
#services.cards {margin: 0 0 -30px 0;}
#team.cards {margin: 0 0 -30px 0;}
.cards .item {border-bottom: 1px solid #d6e3ea; float: left; width: 380px; margin: 0 40px 30px 0;}
.cards .item h3 {border-bottom: 1px solid #fff; background: #377393; position: relative; display: block; height: 45px; padding: 0 20px; line-height: 45px; vertical-align: middle; font-size: 120%; font-weight: bold; color: #fff;}
.cards .item .content {background: url("img/actionbox-inv.jpg") 0 0 no-repeat;}
.cards .item .content .inner {background: url("img/actionbox-r-inv.jpg") 100% 0 no-repeat; min-height: 55px; padding: 14px 20px 0 20px;}
.cards .item .content p,
.cards .item .content ul {margin: 0 0 10px 0;}
.cards .item .content p.tc {width: 100%; margin: 0; padding: 10px 0 24px 0;}
#team.cards .item img.fl {border: 1px solid #d3e6ec; background: #fff; margin-right: 17px; margin-bottom: 10px; padding: 5px;}

/*references*/
#content #reflnav {margin: -10px 0 -12px 0;}
#content h2#refs-h {position: relative;}
#content h2#refs-h a {background: url("img/rssico.gif") 0 -183px no-repeat; position: absolute; bottom: 4px; right: 0; padding-left: 20px; font-size: 60%; font-weight: normal;}
#content h2#refs-h a:hover,
#content h2#refs-h a:focus,
#content h2#refs-h a:active {background-position: 0 1px;}

/*reference detail*/
#specs {background: url("img/specsbox.jpg") 0 0 no-repeat; margin: 0 0 30px 0;}
#specs .inner {background: url("img/specsbox-r.jpg") 100% 0 no-repeat; min-height: 55px; padding: 15px 20px 0 20px;}
#specs span.title {float: left; width: 7.5em; font-weight: bold;}
#specs span.c {display: block; margin-left: 7.5em;}
#specs .fl {width: 49%;}
#specs .fr {width: 49%;}
#specs .fr span.title {width: 6.5em;}
#specs .fr ul {margin: 0 0 0 6.5em;}
#content img.reference {margin: 0 0 30px 0;}
#content #refnav {margin: 0 0 -12px 0;}

/*contact*/
#contact {float: left; width: 380px; margin-bottom: 40px;}
#contact h3 {margin: 0 0 15px 0; border-bottom: 1px solid #e5e5e5; font-size: 130%; font-weight: bold;}
#contact .low {color: #888;}
#content #contact ul li {margin: 2px 0;}
#contact ul#cdata {margin: 0 0 15px 0;}
#contact #billdata {}
#contact #billdata ul {margin: 15px 0;}
#contact #billdata ul .title {}
#contact #billdata ul .small {font-size: 85%;}
form#demand {float: right; width: 380px; margin-bottom: 40px;}
form#demand fieldset legend.main span.inner {border-bottom: 1px solid #fff; background: #377393; position: relative; display: block; width: 340px; height: 45px; margin: 0; padding: 0 20px; line-height: 45px; vertical-align: middle; font-size: 120%; font-weight: bold; color: #fff;}
form#demand fieldset .content {background: url("img/actionbox-inv.jpg") 0 0 no-repeat;}
form#demand fieldset .content .inner {background: url("img/actionbox-r-inv.jpg") 100% 0 no-repeat; min-height: 55px; padding: 15px 20px 0 20px;}
form#demand p.message {margin: 0 0 10px 0;}
form#demand p.error {color: #c00;}
form#demand ul.error li {color: #c00 !important;}
form#demand p.success {color: #090;}
form#demand label {margin: 0 0 10px 0; display: block;}
form#demand label strong,
form#demand label span {display: block;}
form#demand fieldset#wish {border: 1px solid #ddd; margin: 0 0 10px 0; padding: 5px 10px 10px 10px;}
form#demand fieldset#wish legend {padding: 0 10px;}
form#demand fieldset#wish label {display: inline;}
form#demand input.text,
form#demand textarea {border: 1px solid #bbb; width: 330px; padding: 4px 2px;}
form#demand label.error strong {color: #c00;}
form#demand label.error input.text,
form#demand label.error textarea {border-color: #c00;}
form#demand p.info {margin: 0 0 10px 0; font-size: 85%; color: #666;}
form#demand div.send {border: solid #c9dee2; border-width: 1px 0; background: #eaf5f7; padding: 10px; text-align: center;}

/*common content*/
#content h2 {margin: 10px 0 15px 0; font-size: 170%; font-weight: bold; color: #204e65;}
#content ul li {background: url("img/arr-r.gif") 0 6px no-repeat; padding: 0 0 0 15px;}
#content a.reference {display: block; margin: 0 0 40px 0; text-decoration: none;}
#content a.reference span.meta {border-top: 1px solid #fff; background: #f7f7f7 url("img/refmeta.jpg") -800px 0 no-repeat; display: block; min-height: 51px; padding-top: 9px;}
#content a.reference:hover span.meta,
#content a.reference:active span.meta,
#content a.reference:focus span.meta {background: #f2fcfe url("img/refmeta.jpg") no-repeat;}
#content a.reference span.meta strong {float: left; margin: 0 10px 0 15px; font-size: 130%; font-weight: normal; color: #548317;}
#content a.reference span.meta strong span {border-bottom: 1px solid #ccc;}
#content a.reference:hover span.meta strong,
#content a.reference:active span.meta strong,
#content a.reference:focus span.meta strong {color: #137486;}
#content a.reference span.meta em {float: right; padding: 4px 15px 0 10px; font-style: normal; color: #666;}

/*action link (promo text, action boxes etc.)*/
a.action {background: #effafd; padding: 5px 7px; text-decoration: none; color: #137486; }
a.action:hover,
a.action:focus,
a.action:active {background: #f2f9e0; color: #60820e;}
a.l {background: #effafd url("img/arr-l.gif") 0 50% no-repeat; padding-left: 17px;}
a.l:hover,
a.l:active,
a.l:focus {background: #f2f9e0 url("img/arr-l-h.gif") 0 50% no-repeat;}
a.r {background: #effafd url("img/arr-r.gif") 100% 50% no-repeat; padding-right: 17px;}
a.r:hover,
a.r:active,
a.r:focus {background: #f2f9e0 url("img/arr-r-h.gif") 100% 50% no-repeat;}

/*"rounded" corners for headings with dark blue backgrounds*/
span.tl,
span.tr,
span.bl,
span.br {position: absolute; display: block; width: 1px; height: 1px; line-height: 1px; overflow: hidden;}
span.tl {background: #fff; top: 0; left: 0;}
span.tr {background: #fff; top: 0; right: 0;}
span.bl {background: #377393; bottom: -1px; left: 0;}
span.br {background: #377393; bottom: -1px; right: 0;}

/*action box*/
#action {background: url("img/actionbox.jpg") 0 100% no-repeat; margin: 40px 0; font-size: 110%; line-height: 1.8; color: #484000;}
#action .inner {background: url("img/actionbox-r.jpg") 100% 100% no-repeat; min-height: 55px; margin: 0; padding: 0 20px 15px 20px;}

/* Levy panel
--------------------------------------*/

#sidebar {float: right; width: 235px; padding-bottom: 200px;}
#sidebar h2 {border-bottom: 1px solid #e5e5e5; margin: 15px 0; font-size: 140%; font-weight: bold; color: #555;}
#sidebar p {margin: 0 0 15px 0;}
#sidebar a.client {display: block; margin: 20px 0 30px 0;}

/* komentare -------------------------*/


/* fotogalerie -----------------------*/


/* obyc. komentar */


/* Paticka
--------------------------------------*/

#footer {background: url("img/footer-aside.jpg") repeat-x; height: 115px; color: #c7eeff; font-size: 85%;}

#footer a {padding: 5px 5px 5px 0; text-decoration: none; color: #c7eeff;}
#footer a span {padding: 5px 0 5px 5px; text-decoration: underline;}
#footer a:hover,
#footer a:focus,
#footer a:active,
#footer a.active {background: url("img/fhr.gif") 100% 50% no-repeat; color: #93c1d7;}
#footer a:hover span,
#footer a:focus span,
#footer a:active span,
#footer a.active span {background: url("img/fhl.gif") 0 50% no-repeat; text-decoration: none;}

#footer p {margin: 0; line-height: 115px; vertical-align: middle;}
#footer p.fl a.first {margin-left: 0;}
#footer p.fr {background: url("img/footer.jpg") no-repeat; width: 235px; text-align: center;}