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

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */

body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background-color:#000717;padding:30px 0 0}

/* odkazy */
a {color:#21338B;text-decoration:underline}
a:hover {color:#21338B;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 pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:980px;background:#fff url(../img/wrapper-bg.png);margin:0 auto}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:120px;background:#131C48 url(../img/header-bg.png);position:relative}
.header a.logo, .header a.logo span {display:block;width:860px;height:57px;position:absolute;top:30px;left:50px}
.header a.logo span {top:0;left:0;background:url(../img/logo.jpg)}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {background:#fff;padding:20px 0 20px 10px}
.nav li {font-size:1.2em;float:left;font-weight:bold;margin:0 4px;display:inline}
.nav li a {float:left;height:36px;color:#333;text-decoration:none;line-height:36px}
.nav li.onlineRezervace a {backgrund-image: none; background-color: #FFEB07; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;}
.nav li a:hover, .nav li.active a {background:#22338B url(../img/nav-a-l.png) no-repeat 0 0;color:#fff;text-decoration:none}
.nav li a span {padding:0 4px;cursor:pointer}
.nav li a:hover span, .nav li.active a span {float:left;line-height:36px;background:url(../img/nav-a-r.png) no-repeat 100% 0;}


/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {float:left;width:513px;padding:30px;background-image:none;}
.content h1 {background:#23338B url(../img/h1-bg.png) no-repeat 0 50%;color:#fff;font-size:2em;text-transform:uppercase;font-weight:normal;padding:5px 0 5px 20px;font-family:Tahoma}

.content h2 {color:#131D4C;font-weight:normal;font-size:2em;font-family:Tahoma;margin:0 0 15px}
.content h2 span {font-size:0.90em;color:#000}

.content .box {clear:both;padding:15px 0 20px}
.content .box img {float:left;margin:0 10px 0 0}
.content .box p {font-size:1.2em}
.content .box p.right a {float:right;background:#22338B url(../img/p-right-a-l.png) no-repeat 0 0;font-weight:bold;text-align:center;color:#fff;text-decoration:none;line-height:28px}
.content .box p.right a:hover {color:#fff;text-decoration:underline}
.content .box p.right a span {float:left;height:28px;background:url(../img/p-right-a-r.png) no-repeat 100% 0;padding:0 15px 0 8px;cursor:pointer}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {float:right;width:406px;padding:0 0 130px}

.sidebar .box {width:350px;margin:30px auto}
.sidebar h2 {font-size:1.8em;color:#E4E4E4;font-family:Tahoma;font-weight:normal;background:url(../img/sidebar-h2-bg.png) no-repeat 0 0;padding:15px}
.sidebar h2.novinky {font-size:1.8em;color:#E4E4E4;font-family:Tahoma;font-weight:normal;background:url(../img/sidebar-h2-bg-novinky.png) no-repeat 0 0;padding:15px}

.sidebar .box-in {background:#3145B6;border:1px solid #4257CC;font-size:1.2em;padding:10px;color:#fff}
.sidebar .box-in ul li {height:100%;background:url(../img/sidebar-li-span-bg.png) no-repeat 0 20px;line-height:1.4;padding:0 0 0 15px}
.sidebar .box-in ul li span {display:block;background:url(../img/sidebar-item-bg.png) repeat-x 0 100%;line-height:1.4;padding:15px 0}
.sidebar .box-in div {padding:15px 0;background:url(../img/sidebar-item-bg.png) repeat-x 0 100%}
.sidebar .box-in div img {float:left;border:2px solid #6072D5;margin:0 10px 0 0}
.sidebar .box-in div a:hover img {border-color:#808DDD}
.sidebar .box-in div h3 {font-size:1.17em;font-weight:bold}
.sidebar .box-in div h3 a {color:#FFEC00}
.sidebar .box-in div div {color:#fff;margin:5px 0;background:none no-repeat;padding:5px 0 0 0}
.sidebar .box-in div div.bold {font-size:0.92em;background:none no-repeat;padding:5px 0 0 0}
.sidebar .box-in div.last, .sidebar .box-in li.last span {background:none}

.sidebar .banner {width:320px;height:215px;margin:30px auto;background:url(../img/banner-bg.jpg) no-repeat 0;text-align:right;padding:15px}
.sidebar .banner h2 {font-size:2.5em;color:#fff;font-weight:normal;font-style:italic;background:none;font-family:Arial;padding:60px 0 0}
.sidebar .banner p {color:#FFEB07;font-size:1.8em;padding:5px 0}
.sidebar .banner p a {float:right;background:#FFEB08 url(../img/banner-a-l.png) no-repeat 0 0;font-weight:bold;text-align:center;line-height:28px;font-size:0.67em;text-decoration:none;margin:10px 0 0}
.sidebar .banner p a:hover {text-decoration:underline}
.sidebar .banner p a span {float:left;height:28px;background:url(../img/banner-a-r.png) no-repeat 100% 0;padding:0 15px 0 8px;cursor:pointer}

/* ----------------------------------------------------------------------------------------------------------
podstranka
---------------------------------------------------------------------------------------------------------- */
.subpage {background:#fff url(../img/wrapper-bg-subpage.png)}
.subpage .content {width:920px;padding:30px 30px 130px}

/* nadpisy */
.subpage .content h2 {font-size:1.8em;font-weight:normal;color:#23338B;margin:15px 0 5px}
.subpage .content h2.h2-maly-sal {color:#339900;}
.subpage .content h3 {font-size:1.5em;font-weight:normal;color:#23338B;margin:15px 0 5px}
.subpage .content h4 {font-size:1.2em;font-weight:bold;color:#23338B;margin:15px 0 5px}

/* odstavec */
.subpage .content p {font-size:1.2em;margin:15px 0}

/* seznam */
.subpage .content ul {font-size:1.2em;line-height:1.4;margin:15px 0}
.subpage .content ul li {background:url(../img/ul-li-bg.png) no-repeat 0 50%;padding:0 0 0 15px}

/* tabulka */
.subpage .content table {width:920px;font-size:1.2em;margin:15px 0;border-top:2px solid #E5E5E5;border-bottom:4px solid #E5E5E5}
.subpage .content table th {color:#fff;background:#23338B;text-align:left}
.subpage .content table.maly-sal th {color:#fff;background:#339900;text-align:left}
.subpage .content table td {color:#515151;background:#F7F7F7;border-bottom:2px solid #fff}
.subpage .content table th, .subpage .content table td {padding:4px 10px}

/* formular */
.subpage .content form {width:600px;font-size:1em;margin:15px 0}
.subpage .content form fieldset {background:#F9F9F9;border:1px solid #F3F3F3;padding:15px}
.subpage .content form p {clear:left;padding:5px 0;margin:0}
.subpage .content form p label {float:left;width:120px;margin:0 10px 0 0}
.subpage .content form p input.txt {border:1px solid #BDBDBD;width:300px;height:22px;padding:4px 0 0;background:#fff url(../img/form-input.png) repeat-x 0 0;font-size:1.2em}
.subpage .content form p textarea {width:400px;height:150px;border:1px solid #BDBDBD;background:#fff url(../img/form-input.png) repeat-x 0 0}
.subpage .content form p.right {width:530px}

.subpage .footer span.bg {background:url(../img/footer-span-bg-subpage.jpg)}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {background:#131C48 url(../img/footer-bg.png);color:#fff;font-size:1.3em;clear:both;padding:38px 30px;position:relative}
.footer address {float:left;width:150px;font-style:normal;line-height:1.4;background:url(../img/address-bg.png) no-repeat 0 50%;padding:15px 0 15px 250px}
.footer div {float:left;width:150px;line-height:1.4;background:url(../img/footer-div-bg.png) repeat-y 0 0;padding:15px 0 35px 20px}
.footer address span, .footer div span {font-weight:bold}
.footer span.bg {display:block;width:406px;height:300px;background:url(../img/footer-span-bg.jpg);position:absolute;top:-118px;right:0}
.footer #webatelier{
	position: absolute;
	bottom: 10px;
	left: 280px;
	color: white;
	font-size: x-small;
}
.footer #webatelier a{
	color:  white;
}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */
.leaderboard {height:250px;background:url(../img/homepage-bg.jpg) no-repeat}
.posilovna .leaderboard {background:url(../img/posilovna.jpg) no-repeat}
.masaze .leaderboard {background:url(../img/masaze.jpg) no-repeat}
.solarium .leaderboard {background:url(../img/solarium.jpg) no-repeat}
.aerobik .leaderboard {background:url(../img/aerobik.jpg) no-repeat}

/* ----------------------------------------------------------------------------------------------------------
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}
.clr {clear:both;height:0;font-size:0;line-height:0}





/* novinky */
.newsItem {width:960px;margin-left:20px;margin-top:15px;}
.news_right {margin-right:20px;text-align:right;margin-bottom:60px;}
.newsItem h2 {color:#131D4C;font-weight:normal;font-size:2em;font-family:Tahoma;margin:0 0 15px}
.newsDate {margin-bottom: 1em;margin-top: 5px;font-size:1.2em;font-family:Tahoma}
.newsText {margin-bottom: 1.5em;margin-top: 5px;font-size:1.2em;font-family:Tahoma}
.box-in ul li span a {color: #e4e4e4;}
.box-in ul li span a:hover {text-decoration: none;color: #e4e4e4;}

/* tabulka program */
 table.program  td, table.program th, table.maly-sal  td, table.maly-sal th{
	text-align: center;
	font-size: 10px;
}
table.program th{
	white-space: nowrap;
	text-align: center;
}

#innerFade {font-size: 1.2em;}
ul.innerfade li img {margin-right: 5px;}

.programH2Arezervace { clear:both; }
.programH2Arezervace h2, .programH2Arezervace .programOnlineRezervace {float:left;}
.programOnlineRezervace {margin: 20px 0 0 0; text-align: center; width: 90%;}
.programOnlineRezervace a {font-size: 1.2em; background-color: #FFEB07; color: #000; padding: 7px; -moz-border-radius: 4px; border-radius:4px; webkit-border-radius: 4px;}