/* 
Vytvořil Martin Winkler
*/

/* CSS Reset  */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins { text-decoration: none;}
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */
	
body {
	font-family: 'Tahoma';
	font-size: 13px;
	color: #535353;
	background: #223c4e url('img/bg.png') center top no-repeat;
	margin: 0;
	padding: 0;
}

a { color: #3EB3D6; text-decoration: underline; }
a:hover { color: #3EB3D6; text-decoration: none; }

/* Heading */

h1 { font-size: 32px; line-height: 32px; margin: 15px 0 18px 0; color: #3c2648; }
h2 { font-size: 26px; line-height: 26px; margin: 10px 0 25px 0; color: #3c2648; }
.entry h2 { font-size: 20px; line-height: 20px; margin: 25px 0 10px 0; color: #3c2648; }
h3 { font-size: 24px; line-height: 24px; color: #3c2648; }
h4 { font-size: 20px; line-height: 20px; color: #3c2648; }
h5 { font-size: 17px; line-height: 17px; }
h6 { font-size: 14px; line-height: 14px; }

/* Tables */

table { margin: 0 0 30px 0; }
table.no-margin { margin: 0 0 10px 0; }
th { padding: 5px 10px; line-height: 22px; text-align: left; vertical-align: top; border: 1px solid #cdcdcd; font-weight: bold; background: #eef5fa; }
td { padding: 5px 10px; vertical-align: top; line-height: 22px; border: 1px solid #cdcdcd; }

/* Paragraph */

p { line-height: 23px; margin: 0 0 10px 0; }
cite { font-style: normal; font-size: 10px; }

/* Forms */

form { display: inline;}
fieldset { border: none; }
legend {display: none;}
label { color: #666; font-weight: bold; }
input, select, button { vertical-align: middle; }

/* Lists */

dt { display: block; font-weight: bold; }
ul,ol { list-style: none; margin: 0 0 20px 0; line-height: 22px; }
ul li { padding: 0 0 0 20px; background: url('img/li.png') 4px 8px no-repeat; }

/* Size */

small { font-size: 11px; }
big { font-size: 13px; }

sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

hr { height: 0; margin: 0; overflow: hidden; visibility: hidden; }
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }

/* Main structure */

#container { width: 940px; margin: 0 auto; position: relative; }

#page { background: #fff; padding: 0 10px; margin: 0; }
#page-top { background: url('img/page-top.png') left top no-repeat; height: 10px; }
#page-bot { background: url('img/page-bot.png') left top no-repeat; height: 10px; margin: 0 0 70px 0; }
#header { height: 145px; position: relative; }

/* Header */

#logo { position: absolute; left: 48px; top: 47px; text-indent: -8000px; }
#logo a { margin: 0; display: block; }
#logo a span { width: 163px; height: 60px; display: block; position: absolute; left: 0; top: 0; background: url('img/logo.png') left top no-repeat; cursor: pointer; }

#main-nav { margin: 0; position: absolute; left: 280px; bottom: 0; height: 40px; overflow: hidden; }
#main-nav ul { margin: 0; }
#main-nav ul li { line-height: 13px; float: left; padding: 0; background: none; }
#main-nav ul li a { font-size: 14px; line-height: 13px; color: #fff; padding: 13px 12px 11px 16px; margin: 0 8px 0 0; float: left; display: block; position: relative; background: url('img/nav-btn-l.png') left -42px no-repeat; text-decoration: none; }
#main-nav ul li a span.btn-r { width: 5px; height: 42px; position: absolute; right: -5px; top: 0; background: url('img/nav-btn-r.png') left -42px no-repeat; }
#main-nav ul li a.active, #main-nav ul li a:hover { color: #112d39; background: url('img/nav-btn-l.png') left top no-repeat; }
#main-nav ul li a.active span, #main-nav ul li a:hover span { background: url('img/nav-btn-r.png') left top no-repeat; }

#teaser { margin: 0 0 18px 0; }
#service-nav { width: 240px; height: 312px; padding: 0 10px 0 10px; margin: 0 10px 0 0; float: left; background: url('img/service-box.png') left top no-repeat; }
#service-nav h3 { font-size: 24px; line-height: 24px; width: 230px; color: #fff; padding: 0 0 19px 0; margin: 25px 0 0 13px; }
#service-nav h3 span.color { color: #ffefbc; }
#service-nav ul { margin: 0; }
#service-nav ul li { padding: 0; background: none; }
#service-nav ul li a { font-size: 13px; line-height: 14px; height: 14px; display: block; margin: 0 0 8px 0; padding: 14px 10px 11px 13px; width: 237px; color: #755200; text-decoration: none; background: url('img/service-btn.png') left top no-repeat; }
#service-nav ul li a.active { background-position: left -39px; }
#service-nav ul li a:hover { background-position: left -39px; }

#teaser-img { width: 650px; height: 312px; float: left; }

#searchform { position: absolute; right: 23px; top: 28px; }
#searchform label { display: none; }
#searchinput { font-family: Arial; font-size: 13px; line-height: 13px; color: #717171; font-style: italic; background: #fff; padding: 10px 15px; border: none; margin: 0; float: left; background: url('img/search-input.png') left top no-repeat; }
input#searchsubmit { font-family: Arial; background: url('img/btn-search.png') left top no-repeat; cursor: pointer; width: 80px; height: 35px; border: none; margin: 0; float: left; }
input:hover#searchsubmit { background-position: left -35px; }

.searchlist li { line-height: 20px; }

/* Sidebar */

.side-box { width: 247px; height: 193px; padding: 20px; color: #fff; background: url('img/side-box.png') left top no-repeat; position: relative; }
.side-box h3 { font-size: 24px; line-height: 24px; color: #fff; border-bottom: 1px solid #5e98b2; padding: 0 0 15px 0; margin: 0 0 15px 0; }
.side-box h3 span { color: #caf2ff; }
.side-box .btn-more { font-size: 14px; line-height: 14px; display: block; position: absolute; left: -8px; top: 179px; z-index: 1000; }
.side-box .btn-more a { color: #405f6d; line-height: 14px; width: 145px; padding: 18px 0 11px 29px; display: block; background: url('img/btn-more.png') left top no-repeat; text-decoration: none; cursor: pointer; }
.col2-set .col-2 .side-box { margin: 0 0 20px 0; }
.side-box a { color: #fff; }

.col3-set .side-box { margin: 0 29px 0 0; }
.col3-set .col-3 .side-box { margin: 0; }

.contact table { font-size: 13px; line-height: 14px; margin: 0 0 15px 0; }
.contact table td { padding: 0; line-height: 14px; line-height: 24px; vertical-align: middle; border: none; }
.contact table td:first-child, .contact table td.title { font-size: 12px; line-height: 14px; text-transform: uppercase; }
.contact a { color: #fff; }
.contact p.more { font-size: 14px; text-align: right; }

.news-box { width: 245px; padding: 20px 20px 1px 20px; border: 1px solid #ddd; border-top: none; border-bottom: none; }
.news-box .head { position: relative; margin: 0; }
.news-box .head .date { position: absolute; right: 0; bottom: 8px; margin: 0; font-size: 11px; line-height: 11px; font-style: italic; }
.news-box h3 { margin: 0 0 20px 0; }
.news-box h4 { font-size: 14px; line-height: 20px; margin: 0 0 8px 0; display: block; float: left; width: 190px; }
.news-box h4 a { line-height: 20px; }

.news-box .item { margin: 0 0 15px 0; padding: 0 0 10px 0; background: url('img/dot-line.gif') left bottom repeat-x; }

.news-box-top { width: 287px; height: 7px; background: #fff url('img/news-top.gif') left top no-repeat; }
.news-box-bot { width: 287px; height: 7px; background: #fff url('img/news-bot.gif') left top no-repeat; margin: 0 0 20px 0; }

.col2-set .col-2 .side-box { margin: 0 0 20px 0; }

/* Content */

.reference ul { position: relative; top: -10px; }
.reference ul li { line-height: 33px; padding: 0 0 5px 0; background: url('img/dot-line.gif') left bottom repeat-x; }
.reference ul li.last { background: none; }
.reference ul li a { background: url('img/arr-blue.gif') left 4px no-repeat; padding: 0 0 0 20px; }

.service { margin: 0 0 20px 0; }
.service .item { background: url('img/dot-line.gif') left bottom repeat-x; padding: 0 0 5px 0; margin: 0 0 18px 0; }
.service .item h3 { font-size: 17px; font-weight: bold; color: #267aa0; margin: 0 0 10px 0; }
.service .item .img { float: left; width: 115px; }

.entry-box { height: 171px; margin-bottom: 30px; }
*+html .entry-box { height: 216px; margin: 0; }
.divider { margin-bottom: 30px; padding-top: 37px; height: 0; visibility: visible; border: none; border-bottom: 1px solid #ddd; }
*+html .divider { margin-top: 32px; }

.success-box { line-height: 25px; }
.success-box p { margin: 0; }
.success-box big { font-size: 16px; font-weight: bold; }
.success-box .mark { color: #caf2ff; }

.inbody h3 { width: 200px; }
.inbody p { width: 220px; }
.img-inbody { position: absolute; right: 12px; bottom: 15px; }

.box-tabs .tabs { margin: 0 0 40px 0; height: 39px; border-bottom: 1px solid #223c4e; display: block; }
.box-tabs .tabs li { position: relative; top: 1px; float: left; padding: 0; background: none; }
.box-tabs .tabs li a { font-size: 13px; font-weight: bold; line-height: 15px; color: #fff; display: block; float: left; background: url('img/tab-l.png') left -39px no-repeat; position: relative; margin: 0 16px 0 0; padding: 13px 12px 11px 16px; text-decoration: none; }
.box-tabs .tabs li a span.btn-r { width: 7px; height: 39px; display: block; position: absolute; right: -7px; top: 0; background: url('img/tab-r.png') left -39px no-repeat; }
.box-tabs .tabs li a:hover,.box-tabs .tabs li a.selected { color: #112d39; background-position: left top; }
.box-tabs .tabs li a:hover span.btn-r,.box-tabs .tabs li a.selected span.btn-r { color: #fff; background-position: left top; }

.post-item  { margin: 0 0 30px 0; }
.post-item .date { margin: 0 0 5px 0; }
.post-item h2 { font-size: 15px; margin: 0 0 10px 0; }
.post-item h2 a { text-decoration: none; }

.price-list .item { margin: 0 0 15px 0; padding: 15px 0 0 0; border-top: 1px solid #dddddd; }
.price-list .item p { margin: 0; }
.price-list .item p.head { font-size: 15px; font-weight: bold; margin: 0 0 5px 0; color: #3C2648; }
.price-list .item p.price { margin: 0; font-size: 11px; }
.price-list .item p.price span { font-size: 17px; font-weight: bold; color: #267AA0; }
.price-list .item ul.plus { margin: 0 0 5px 0; }
.price-list .item ul.plus li { padding: 0 0 0 18px; background: url('img/ico-plus.png') left 8px no-repeat; }

.success-list .item { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #dddddd; }
.success-list .item p { margin: 0 0 10px 0; }
.success-list .item p.head { font-size: 17px; font-weight: bold; margin: 0 0 5px 0; color: #3C2648; }
.success-list .item p.head span { font-size: 13px; font-weight: normal; color: #333; }
.success-list .item p.head-small { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; color: #3C2648; }

.gallery li { display: block; float: left; padding: 0; background: none; }
.gallery img{ background: #fff; border: 1px solid #CFCFCF; display: block; padding: 5px; margin: 0 15px 15px 0; position: relative; float: left; }

/* Cform */

#kontaktni-formular { border: 1px solid #cde8f0; background: #eef5fa; padding: 20px; }
#kontaktni-formular h2 { margin-top: 0; }

.cf { margin: 0 0 5px 0; }
.cf-ol label { color: #000; display: block; font-weight: bold; margin: 0 0 5px 0; }
.cf-ol li { position: relative; }
.cf-ol li#li-2-1,
.cf-ol li#li-2-2,
.cf-ol li#li-2-3 { width: 260px; display: table-cell; float: left; }
.cf-ol li#li-2-1 { width: 270px; }
.cf-ol li#li-2-3 { width: 254px; }
.cf-ol li#li-2-1 input,
.cf-ol li#li-2-2 input,
.cf-ol li#li-2-3 input { width: 240px; display: table-cell; float: left; border: 1px solid #b5c8cc; border-bottom: 1px solid #dceaed; border-right: 1px solid #dceaed; }
.cf-ol li#li-2-4 { width: 531px; display: table-cell; float: left; }
.cf-ol li#li-2-4 textarea { font-family: 'Arial'; font-size: 13px; width: 517px; height: 100px; border: 1px solid #b5c8cc; border-bottom: 1px solid #dceaed; border-right: 1px solid #dceaed; padding: 6px 6px; margin: 0; }
.reqtxt,
.emailreqtxt { position: absolute; right: 15px; top: 33px; color: red; }
input.single { font-family: 'Arial'; font-size: 13px; border: 1px solid #c7c7c7; width: 200px; color: #343434; padding: 6px 6px; margin: 0 0 10px 0; }

.cf-ol li#li--1 .reqtxt { right: 32px; }
.cf-sb { margin: 0; }

#usermessagea.failure { background: #efaec2; border: 1px solid #e07c9b; color: #9c264a; padding: 10px 10px; font-weight: bold; margin: 0 0 10px 0; }
#usermessagea.success { background: #d8edb9; border: 1px solid #aec889; color: #6b9c26; padding: 10px 10px; font-weight: bold; margin: 0 0 10px 0; }

/* Sudo Slider */

.slider, .slider ul li, .slider li { width: 247px; height: 105px; margin: 0; }
.slider ul, .slider ul li, .sliderul, .sliderli { margin: 0; padding: 0; list-style: none; }
.slider ul li, .slider li { overflow: hidden; position: relative; padding: 0; background: none; }

.slider { overflow: hidden; }
.graphic, .prevBtn, .nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; z-index: 1000; }

.slider-nav-box { position: absolute; right: 15px; top: 195px; z-index: 100; }
.slider-nav { float: right; position: relative; top: 0; }

.prevBtn, .nextBtn { font-size: 18px; color: #9B7D63; display: inline; z-index: 1000; cursor: pointer; position: relative; top: 1px; }
a:hover.prevBtn, a:hover.nextBtn { color: #000; }

/* Numeric controls */	

ol.controls { display: inline; padding: 0; }
ol.controls  li { float: left; margin: 0; text-indent: -8000px; padding: 0; list-style: none; background: none; }
ol.controls  li a { font-size: 1px; margin: 0 3px 0 0; padding: 0 8px 0 8px; display: block; color: #fff; background: url('img/switch.png') center 3px no-repeat; text-decoration: none; }
ol.controls  li.current a { background: url('img/switch-active.png') center top no-repeat; }
ol.controls  li a:hover { background: url('img/switch-active.png') center top no-repeat; }
ol.controls  li a:focus, .prevBtn a:focus, .nextBtn a:focus{ outline: none; }

/* Cols */

.col-1, .col-2, .col-3, .col-4 { float: left; }

.col2-set { margin: 0 0 40px 0; }
.col2-set .col-1 { width: 573px; margin: 0 40px 0 20px; }
.col2-set .col-2 { width: 287px; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.left { float: left; }
.right { float: right; }
.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.col3-set:after,
.news-box .head:after,
#teaser:after,
.box-tabs .tabs:after,
#kontaktni-formular:after,
.cf-ol:after,
.gallery:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

*.clearfix,
*.col2-set,
*.col3-set,
*.news-box .head,
*#teaser,
*.box-tabs .tabs,
#kontaktni-formular,
.cf-ol,
.gallery {
	zoom: 1;
}