/* -------------------------------------------------


-------------- Relax centrum Bilovec ---------------


------------------------------------------------- */

/* 01. HTML Tagy */

body {
    background: #ffffff;
    font-family: Georgia; font-size: 0.75em; text-align: center; color: #d8d8d8;
    margin: 0; padding: 0;
}
a {color: #ef8e27;}
a:hover {text-decoration: none;}
.clear {clear: both;}
h1, h2, h3, p {margin: 0; padding: 0;}
h3 {font-size: 2em; text-transform: uppercase; font-weight: normal; line-height: 26px;}
hr, .invis {display: none;}
.align_right {text-align: right;}

/* span colors */
.black {color: #040404;}

#web {background: #040404 url('../img/bg-top.png') top repeat-x; width: 100%; text-align: center;}
#main {background: url('../img/bg-main.jpg') top left no-repeat; width: 960px; margin: auto;}

/* Top */
#top {width: 960px; height: 150px;}
#logo {width: 307px; height: 100px; float: left;}
#top-menu {width: 630px; margin-top: 74px; height: 26px; line-height: 26px; font-size: 1.24em; text-align: right; font-weight: bold; float: right;}
#top-menu ul{margin: 0; padding: 0; list-style: none; float: right;}
#top-menu ul li {height: 26px; line-height: 26px; margin-left: 20px; float: left;}
#top-menu a {color: #3c3c3e; text-decoration: none; text-transform: uppercase; float: left;}
#top-menu a:hover {background: url('../img/top-menu-bg.png') bottom center no-repeat; color: #f78c03;}
#sub-menu {width: 810px; height: 40px; float: right;}
#sub-menu ul {margin: 0; padding: 0; list-style: none; float: right;}
#sub-menu ul li {background: url('../img/sub-menu-split.png') left center no-repeat; height: 35px; line-height: 35px; margin-left: 6px; padding-left: 6px; float: left;}
#sub-menu a {color: #ffffff; text-decoration: none;}
#sub-menu a:hover {color: #f78c03; text-decoration: underline;}

/* Top - img */
#top-head {background: url('../img/top-img.jpg') top left no-repeat; width: 940px; height: 200px; text-align: left; padding: 10px;}
#top-head-photo {width: 658px; height: 198px; margin: 1px 0 0 1px; float: left;}
#head-menu {background: url('../img/head-menu.jpg') top left no-repeat; width: 280px; height: 200px; float: right;}
.head-menu-item {width: 270px; height: 66px; margin-bottom: 1px; font-size: 1.5em; font-weight: bold; text-transform: uppercase;}
.head-menu-item a {width: 270px; height: 54px; float: left; padding: 12px 0 0 10px; color: #d8d8d8; text-decoration: none;}
.head-menu-item a:hover {background: url('../img/head-menu-hover.jpg') top left;}
.head-menu-item span {display: block; font-size: 0.75em; font-weight: normal; text-transform: none;}
.head-menu-item span.invis {display: none;}

/* Content */
#content {width: 960px; margin-top: 10px; padding-bottom: 10px; text-align: left; line-height: 1.6em;}
#left {width: 270px; float: left;}
#right {width: 690px; float: right; font-size: 1.2em;}
.news-item {background: #060606 url('../img/news-corner.png') top left no-repeat; width: 690px; margin-bottom: 10px;}
.news-item-body {background: url('../img/news-bg.png'); width: 650px; padding: 10px; margin-left: 20px;}
.news-item-title {width: 480px; font-size: 1.167em; color: #f78c03; text-transform: uppercase; float: left;}
.news-item-date {width: 160px; text-align: right; font-size: 0.917em; float: right;}
.news-item-img {margin: 0 10px 10px 0; float: left;}
.news-item-img img {border: 1px solid #7d7d7d;}
.news-item-text {margin-top: 5px; float: left;}

/* Bottom */
#bottom {background: url('../img/bottom.png') top left no-repeat; width: 960px; height: 200px; text-align: left; color: #040404; padding-top: 10px; margin: auto;}

/* Static content */
.static-content {background: #060606 url('../img/news-corner.png') top left no-repeat; width: 690px; margin-bottom: 10px;}
.static-content-body {background: url('../img/news-bg.png'); width: 650px; padding: 10px; margin-left: 20px;}
.static-content-body img {float: left; padding: 10px;}
.static-content-body p {padding: 10px;}


.static-content-body table {border: 5px solid #1c1c1c; margin: 10px 0 10px 0;}
.static-content-body table td {border-collapse: collapse; background: #111111; width: 200px; padding: 5px;}

.td-center {text-align: center;}
.td-left {text-align: left;}
.td-right {text-align: right;}

#div-tab {text-align: center;} 
#div-tab table {margin: auto;}

/* ========================================== */

/* Table - Timetable */
div.tt_item {background: url('../img/tt_item_bg.png'); width: 75px; height: 75px; text-align: center; float: left;}
div.tt_item-2 {background: url('../img/tt_item_bg.png'); width: 105px; height: 75px; text-align: center; margin-left: 8px; float: left;}
.timetable {margin: 0 0 20px 0;}
.tt-head p{background: url('../img/content-head.png') top left no-repeat; padding-left: 24px; font-size: 1.8em; margin-bottom: 15px;}
.timetable-days {background: url('../img/tab-tt-days.png') top left no-repeat; width: 37px; height: 564px; float: left;}
.timetable-body-1, .timetable-body-2, .timetable-body-3 {background: url('../img/tab-timetable.png') top left no-repeat; width: 923px; height: 564px; float: right; padding-top: 31px;}
.timetable-body-1 {background-position: -616px 0;}
.timetable-body-2 {background-position: -308px 0;}
.timetable-body-3 {background-position: -616px 0;}
.tt-day {width: 923px; height: 75px; margin: 1px 1px 0 0;}


/* Photogallery */
.photo-item {background: url('../img/bg-foto.jpg'); width: 136px; padding: 10px; text-align: center; margin: 0 0 15px 15px; float: left;}

/* Trainers */
.trainter-item {background: url('../img/bg-foto.jpg') repeat-x; width: 310px; margin: 0 0 15px 15px; padding: 10px; float: left;}
.trainer-photo {width: 100px; float: left;}
.trainer-info{width: 200px; margin: 0 0 10px 0; padding: 0; float: right;}
span.trainer-name {font-size: 1.5em; color: #f78c03;}