/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol {margin:0; padding:0; border: 0; background:transparent}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.4;color:#323232}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
dokument
---------------------------------------------------------------------------------------------------------- */
html {background:#E4F5FF url(../images/html-bg.jpg) repeat-x 0 0}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:url(../images/body-bg.jpg) no-repeat top center}
body.hp {background:url(../images/hp-body-bg.jpg) no-repeat top center}

/* odkazy */
a {color:;text-decoration:underline}
a:hover {color:;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pouzitelnosti */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:964px;margin:0 auto; position: relative;}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.hp .header {height:400px;position:relative}

/* logo */
.header .logo {position:absolute;margin:8px 0 0 22px}

/* hlavni nadpis */
div.HPTitle h1 {position: absolute; top: 0; left: 10px; z-index: -10;}
.header h1, .header .nadpis {font-family:Trebuchet MS;font-size:4.4em;color:#000;font-weight:normal;margin:68px 0 10px}
.hp .header h1, .hp .header .nadpis {font-size:3em;margin:10px 0 0 5px}
.hp .header h1 span, .hp .header .nadpis span {display:block;font-size:0.75em;color:#727272;margin:0 0 0 170px}
.header p.desc {width:500px;font-family:Trebuchet MS;font-size:2em;color:#727272;line-height:1.3}

/* tlacitka */
.header a.button.enter {float:left;width:0;height:71px;padding-left:188px;overflow:hidden;background:url(../images/button-enter-demo2.png);margin:100px 135px -12px 102px;position:relative;/*top:20px;*/cursor:pointer}
.header a.button.blue {float:left;height:61px; width: 181px; background:url(../images/button-blue.png) no-repeat 0 0;font-size:1.3em;color:#fff;text-decoration:none;padding:0 12px 0 0;line-height:36px;margin:108px 10px -12px 0;position:relative;/*top:20px;*/cursor:pointer; text-align: center;}
.header a.button.blue span {display:block;height:39px;/*background:url(../images/a-button-blue.png) repeat-x;*//*padding:0 0 0 12px;*/ font-size: 18px; padding-top: 9px;}
.header a.button.blue.second {left: 600px;}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.main-nav {height:62px;background:url(../images/main-nav-bg.png) no-repeat;font-size:1.3em;padding:0 0 0 340px;font-family:Trebuchet MS}
.main-nav li {float:left;background:url(../images/main-nav-separator.png) no-repeat 0 0}
.main-nav li a {float:left;height:50px;line-height:45px;width:124px;text-align:Center;color:#505051;text-shadow:1px 1px #fff;text-decoration:none}
.main-nav li a:hover, .main-nav li.active a {height:62px;background:url(../images/main-nav-active.png) no-repeat 0 100%;color:#0063B3;text-decoration:none}

/* ----------------------------------------------------------------------------------------------------------
postrani navigace
---------------------------------------------------------------------------------------------------------- */
.side-nav {float:right;font-family:Trebuchet MS;font-size:1.4em;padding:18px 20px 40px 0}
.side-nav li {width:174px;display:block;background:url(../images/side-nav-separator.png) repeat-x 0 100%}
.side-nav li a {display:block;height:40px;line-height:38px;color:#0067B5;font-weight:bold;text-decoration:none;padding:0 0 0 20px;background:url(../images/ico-list.png) no-repeat 0 -10px}
.side-nav li a:hover, .side-nav li.active a {background-position:0 -51px}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content-wrapper {background:url(../images/content-wrapper-bg1.png) repeat-y}
.content-wrapper .inner {background: url(../images/content-wrapper-bg2.png) no-repeat 0 0;min-height:400px}
.hp .content-wrapper .inner {background: url(../images/hp-content-wrapper-bg2.jpg) no-repeat 0 0;min-height:470px}
.content {width:630px;float:left;padding:30px}
.hp .content {padding-top:130px;width:585px}

/* bez sidebaru */
.no-sidebar .content {width:900px;padding:30px 32px;float:none}

/* se sirsim sloupcem */
.odd-sidebar  {padding:0 0 30px}
.odd-sidebar .content {width:527px;border-right:1px solid #E5E5E5;position:relative;right:-1px;margin:30px 0 0;padding-top:0}
.odd-sidebar .sidebar {width:285px;border-left:1px solid #E5E5E5;margin:30px 0 0;padding:0 45px}

/* s uzsim sloupcem - kontakt */
.contact {padding:0 0 30px}
.contact .content {width:632px;border-right:1px solid #E5E5E5;position:relative;right:-1px;margin:30px 0 0;padding-top:0}
.contact .sidebar {width:193px;border-left:1px solid #E5E5E5;margin:30px 0 0;padding:0 45px 0 32px}

/* navigacni lista */
.no-sidebar .content ul.clearfix {background:#F5F5F5 url(../images/ul-strip-bg.png) repeat-x 0 0;border:1px solid #D2D2D2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 0 10px}
.no-sidebar .content ul.clearfix li {float:left;padding:0;margin:0;border-right:1px solid #CECECE;background:none}
.no-sidebar .content ul.clearfix li.last {border:0 none}
.no-sidebar .content ul.clearfix li a {float:left;height:50px;line-height:50px;color:#000;text-decoration:none;padding:0 16px;background:none}
.no-sidebar .content ul.clearfix li a:hover, .no-sidebar .content ul.clearfix li.active a {color:#0063B3;text-decoration:none;background:url(../images/ul-strip-active-bg.png) repeat-x}
.no-sidebar .content ul.clearfix li a:hover span, .no-sidebar .content ul.clearfix li.active span {display:block;background:url(../images/ul-stripe-active-arrow.png) no-repeat 50% 100%;padding-bottom:16px}
.no-sidebar .content ul.clearfix li a:hover span span, .no-sidebar .content ul.clearfix li.active span span {background:none;display:inline;padding:0}

/* navigacni lista - reference */
.no-sidebar .content ul.clearfix.reference li a {padding:0}
.no-sidebar .content ul.clearfix.reference li a span span {display:block;background:url(../images/icons-sport.png) no-repeat;padding:0 20px 0 50px}
.no-sidebar .content ul.clearfix.reference li.last a span span {padding-right:25px}
.no-sidebar .content ul.clearfix.reference li.squash a span span {background-position:13px -2px}
.no-sidebar .content ul.clearfix.reference li.tenis a span span {background-position:13px -53px}
.no-sidebar .content ul.clearfix.reference li.badminton a span span {background-position:10px -103px}
.no-sidebar .content ul.clearfix.reference li.fitness a span span {background-position:10px -153px}
.no-sidebar .content ul.clearfix.reference li.bowling a span span {background-position:10px -198px}
.no-sidebar .content ul.clearfix.reference li.ostatni a span span {background-position:13px -252px}
.no-sidebar .content ul.clearfix.reference li.relaxace a span span {background-position:10px -302px}

/* reference */
.no-sidebar .content .box {background:url(../images/box-separator.png) repeat-x 0 100%;padding:20px 0;overflow:hidden; width: 90%}
.no-sidebar .content .box.last {background:none}
.no-sidebar .content .box p {margin:0 0 0 0px}
.no-sidebar .content .box img {float:left;margin:0 20px 0 0}
.content div.content-separator {background: url("../images/content-box-separator.png") no-repeat 50% 50% transparent; padding:20px; clear: both}

/* nadpisy */
.content h2 {font-size:1.7em;color:#0063B3;font-weight:bold;margin:0 0 30px}
.content h3 {font-size:1.6em;color:#323232;margin:0 0 20px}

/* odstavce */
.content p {font-size:1.4em;margin:0 0 20px}
.content p.highlight {background:#F5E3C2;border:1px solid #E1D0AC;color:#675839;padding:15px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

/* seznam */
.content ul {font-size:1.4em}
.content ul li {margin:0 0 20px;line-height:1.4;background:url(../images/one-ico-list.png) no-repeat 0 -20px;padding:0 0 0 20px}
.content ul li p {font-size:1em;margin:0}

/* ciselny seznam */
.content ul.numbers li {background:none;padding:0;margin:0 0 10px}
.content ul.numbers li span {float:left;width:26px;height:26px;text-align:center;line-height:26px;background:url(../images/ul-numbers-span-bg.png) no-repeat;color:#58451E;font-weight:bold}
.content ul.numbers li p {margin:0 0 0 35px}
.content ul.numbers li strong {padding-top:3px;margin-left:9px}

/* tabulka */
.content table {font-size:1.4em;color:#323232}
.content table .w500 {width:500px}
.content table th {text-align:left;padding:5px 30px 5px 0}
.content table td {padding:5px 0}

/* tabulka - cenik */
table.pricing {width:100%;background:#F8F5F2 url(../images/table-pricing-bg.png) repeat-x 0 0;border:1px solid #E5D3B0;margin:30px 0;color:#46390C}
table.pricing th, table.pricing td {padding:8px;text-align:center;border:1px solid #E5D3B0}
table.pricing th {padding:17px 0;line-height:20px;}
table.pricing td {background:#FCEDCF}
table.pricing td.left {text-align:left;padding-left:20px}
table.pricing tr.odd td {background:#FFDEBC}
table.pricing tr.bottom td {background: url(../images/table-pricing-bottom-bg.png) repeat-x 0 0;padding:20px 0}
table.pricing tr.bottom td a {display:block;width:153px;height:45px;background:url(../images/button-buy.png) no-repeat;color:#000;text-shadow:1px 1px #FAC27C;text-align:center;text-decoration:none;line-height:45px;margin:0 auto}

/* galerie */
.content .gallery {padding:20px 0}
.content .gallery img {margin:0 25px 0 0}
.content .gallery img.last {margin:0}

/* deleny obsah - virtualni prohlidka */
.col1, .col2 {width: 450px;padding:30px 0 0}
.col1 {padding-left:20px;width:430px}
.col1 a.button.video {display:block;width:148px;height:61px;line-height:61px;overflow:hidden;font-size:1.50em;color:#000;text-shadow:1px 1px #FAC177;background:url(../images/button-video.png);text-decoration:none;margin:0 auto;padding:0 0 0 70px;cursor:pointer}

/* vlastnosti na homepage */
.hp .content ul.features {font-family:Trebuchet MS;}
.hp .content ul.features li {float:left;width:200px;background:none;padding:0 30px 0 70px;background:url(../images/icons-features.png) no-repeat}
.hp .content ul.features li.odd {padding-right:0}
.hp .content ul.features li.n3 {background-position:0 0}
.hp .content ul.features li.n1 {background-position:0 -120px}
.hp .content ul.features li.n4 {background-position:0 -240px}
.hp .content ul.features li.n2 {background-position:0 -360px}
.hp .content ul.features li.n6 {background-position:0 -480px}
.hp .content ul.features li.n5 {background-position:0 -600px}
.hp .content ul.features li.article {background: none}
.hp .content ul.features li.article p {text-align: justify}
.hp .content ul.features li h2, .hp .content ul.features li h3 {font-size:0.86em;font-weight:bold;margin:0 0 5px;color:#000}
.hp .content ul.features li p {font-size:0.86em;color:#4F5151}

/* kontaktni formular */
.content form label {display:block;font-size:0.93em;color:#2D2D2D;font-weight:bold;margin:0 0 10px}
.content form input.txt, .content form textarea {width:265px;border:1px solid #ACACAC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 5px;font: normal 0.93em/1 Arial,Tahoma,sans-serif;background:#fff url(../images/input-txt-bg.png) repeat-x 0 0}
.content form input.txt.wide {width:620px}
.content form input.txt:focus, .content form textarea:focus {background:#FEF7EA url(../images/input-txt-bg.png) repeat-x 0 -200px;border-color:#FFC860}
.content form input.submit {width:230px;height:55px;text-align:center;background:url(../images/input-submit.png);font: normal 2em/1 Arial,Tahoma,sans-serif;color:#000;text-shadow:1px 1px #FAC177;border:0 none;margin:20px 0 0 auto;display:block;cursor:pointer}
.content form textarea {width:620px;height:170px}
.content p {clear:both;margin:0 0 20px}
.content p.float-l {clear:none}
.content p.float-l.odd {margin:0 77px 0 0}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:232px;float:right;padding:10px 20px}
.sidebar.bg {background:url(../images/sidebar-bg.jpg) no-repeat 100% 0;min-height:400px}

/* odkazy */
.sidebar a {color:#F7951F}
.sidebar a.button.writetous {display:block;width:0;height:36px;padding-left:157px;overflow:hidden;margin:20px auto;background:url(../images/button-writetous.png);cursor:pointer}

/* boxy */
.sidebar .box {font-family:Trebuchet MS;background:url(../images/sidebar-box-separator.png) no-repeat 50% 100%;padding:0px 0 20px}
.sidebar .box a.enter-demo {display:block;margin:0 auto;width:0;height:110px;padding-left:168px;overflow:hidden;background:url(../images/enter-demo.jpg) no-repeat}
.sidebar .box p {font-size:1.2em;color:#4F5151;line-height:1.4}
.sidebar .box.reference {background: none;}
.sidebar .box.reference img {float:left;margin:0 10px 0 0}
.sidebar .box.reference p {/*margin:0 0 0 70px*/}
.sidebar .box p.link {margin:20px 0 0 70px}

/* formular ve sloupci */
.odd-sidebar .sidebar form label {display:block;font-size:1.3em;color:#2D2D2D;font-weight:bold;margin:0 0 10px}
.odd-sidebar .sidebar form input.txt {width:265px;margin:0 0 30px;border:1px solid #ACACAC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 5px;font: normal 1.3em/1 Arial,Tahoma,sans-serif;background:#fff url(../images/input-txt-bg.png) repeat-x 0 0}
.odd-sidebar .sidebar form input.txt.short {width:155px;margin:0 10px}
.odd-sidebar .sidebar form input.txt:focus {background:#fff url(../images/input-txt-bg.png) repeat-x 0 -200px;border-color:#FFC860}
.odd-sidebar .sidebar form span {font-size:1.3em;font-weight:bold;color:#2D2D2D}
.odd-sidebar .sidebar form input.submit {width:230px;height:55px;text-align:center;background:url(../images/input-submit.png);font: normal 2em/1 Arial,Tahoma,sans-serif;color:#000;text-shadow:1px 1px #FAC177;border:0 none;margin:40px auto;display:block;cursor:pointer}

/* kontakt */
.sidebar h2 {font-size:1.7em;color:#0063B3;font-weight:bold;margin:0 0 30px}
.sidebar h3, .sidebar p.nadpis {font-size:1.3em;color:#000;margin:20px 0 10px}
.sidebar address {font-size:1.3em;color:#000;font-style:normal;line-height:1.4}
.sidebar span.tel {display:block;color:#106DB3;font-size:2em;padding:40px 0 70px 0;background:url(../images/span-tel-bg.jpg) no-repeat 100% 0;width:236px;margin-top:-10px}

/* homepage */
.hp .sidebar {background:none;padding:50px 30px 10px 54px}
.hp .sidebar .box ul {font: italic 1.4em/1.4 Trebuchet MS,Tahoma,sans-serif;color:#0067B5;text-align:center}
.hp .sidebar .box ul li {display:block;width:220px;background:url(../images/ico-ok-2.png) no-repeat 50% 0;padding:25px 0 15px}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {width:900px;margin:0 auto;background:#727272;border-top:2px solid #A5A5A5;padding:30px}
.footer div {width:160px;float:left;font-family:Trebuchet MS}
.footer div.last {width:210px; float: right;}
.footer div p.nadpis {font-size:1.2em;margin:0 0 10px}
.footer div p.nadpis , .footer p {font-weight:bold;color:#D5EFFF;font-size:1.2em}
.footer p.copyright {background:url(../images/logo-footer.png) no-repeat 30px 100%;padding:0 0 79px}
.footer div ul {font-size:1.2em}
.footer div ul li {display:block;margin:0 0 8px}
.footer div ul li a {color:#fff;text-decoration:none}
.footer div ul li a:hover{text-decoration:underline}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {/*display: block*/}

.error {color: red !important; border: 1px solid red !important;}
.hidden {display: none;}

/* headery */
.header a.button.enter {position: absolute; bottom: -5px; left: 0;}
.header a.button.blue  {position: absolute; bottom: -2px; left: 400px;}

#head1 h1 {font-size: 1em; margin: 0; float: left; line-height: 1.4;}
#head4 {margin: 30px 0 0 230px;}
#head5, #head6 {margin: 30px 0 0 370px;}
#head6 {font-size: 6em;}
#head6 span {margin: 0; font-size: 0.65em;}

/* zpetne odkazy */
#backlinks {text-align: center; padding: 10px 0;}
#backlinks a {color: #A5A5A5; font-size: 10px;}
#backlinks span {color: #A5A5A5;}

/* seo clanky */
.hpArticles {padding: 30px;}
.hpArticles p, .hpArticles h2, .hpArticles h3 {font-size: 12px; text-align: justify}
.hpArticles h2, .hpArticles h3 {padding-bottom: 5px; color: #0067B5}