html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { background: #b4bfc3 url("../images/dilato-fitness-club-bg.jpg") no-repeat left top; }

h1, h2, h3, h4, p, ul, ol, li, form, fieldset, legend, label, input, textarea { margin: 0; padding: 0; }
input, textarea { border: 1px solid black; }
img { border: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }


.page-warpper { width: 1174px; padding-top: 20px; margin-left: 51px; overflow: hidden; }

.language-panel { width: 907px; padding-bottom: 6px; overflow: hidden; }
.language-panel p { padding-right: 8px; font: 0.69em/1.2em arial; color: #5a4f48; float: right; }
.language-panel p span { display: block; padding: 3px 7px 3px 0; float: left; }
.language-panel p a { display: block; width: 76px; padding: 3px 0 4px 0; color: #5a4f48; text-indent: -9000px; background: #c3c5be url("../images/lang-ge.png") no-repeat; float: left; }

.navigation-ident { width: 290px; }
.navigation-ident h1 { padding: 20px 0 64px 0; font: 0.75em/1.2em arial; }
.navigation-ident h1 span { margin-left: -9000px; }

.navigation-ident ul { width: 290px; list-style-type: none; font: 0.75em/1.2em arial; }
.navigation-ident ul li a { display: block; }
.navigation-ident ul li, .navigation-ident ul li a { width: 290px; height: 28px; float: left; }
.navigation-ident ul li { margin-top: 14px; text-indent: -9000px; }
.navigation-ident ul li.first { margin-top: 0; }

.navigation-ident ul li.home a { background: url("../images/navigation-en.png") no-repeat 0 0; }
.navigation-ident ul li.about-us a { background: url("../images/navigation-en.png") no-repeat 0 -42px; }
.navigation-ident ul li.news a { background: url("../images/navigation-en.png") no-repeat 0 -84px; }
.navigation-ident ul li.services a { background: url("../images/navigation-en.png") no-repeat 0 -126px; }
.navigation-ident ul li.gallery a { background: url("../images/navigation-en.png") no-repeat 0 -168px; }
.navigation-ident ul li.contact-us a { background: url("../images/navigation-en.png") no-repeat 0 -210px; }

.navigation-ident ul li.home#active a, .navigation-ident ul li.home a:hover { background: url("../images/navigation-en.png") no-repeat 0 -239px; }
.navigation-ident ul li.about-us#active a, .navigation-ident ul li.about-us a:hover { background: url("../images/navigation-en.png") no-repeat 0 -281px; }
.navigation-ident ul li.news#active a, .navigation-ident ul li.news a:hover { background: url("../images/navigation-en.png") no-repeat 0 -323px; }
.navigation-ident ul li.services#active a, .navigation-ident ul li.services a:hover { background: url("../images/navigation-en.png") no-repeat 0 -365px; }
.navigation-ident ul li.gallery#active a, .navigation-ident ul li.gallery a:hover { background: url("../images/navigation-en.png") no-repeat 0 -407px; }
.navigation-ident ul li.contact-us#active a, .navigation-ident ul li.contact-us a:hover { background: url("../images/navigation-en.png") no-repeat 0 -449px; }

.sareklamo { width: 256px; margin: 0; padding: 0; overflow: hidden; float: left; /*background: orange;*/ }
.sareklamo li { /*height: 55px;*/ /*width: 225px;*/ margin-top: 7px; padding: 4px; border: 1px solid gray; text-indent: 0; float: left; background: #e2dde3; /*background: orange;*/ }
.sareklamo li a { display: block; width: 243px; height: 69px; float: left; /*background: yellow;*/ }
.sareklamo li a img { display: block; border: 1px solid gray; float: left; margin-bottom: 5px; }
.sareklamo li.first { margin-top: 0; }
.sareklamo { margin-top: 100px; }

.content, .slider { width: 883px; overflow: hidden; float: left; height: 100%; /*background: yellow;*/ }
.slider { width: 627px; }

.content .data-block { width: 616px; /*overflow: hidden;*/ float: left; /*background: green;*/ }
/*.slider { background: orange; }

.content { background: yellow; }*/

.content .data-block { display: none; }
.content .data-block.activeBlock { display: block; }
.content .data-block.common { min-height: 670px; }

.content .data-block { width: 594px; padding: 11px; background: #242424; }
.content .data-block .data-binder { position: relative; width: 100%; height: 115px; margin-top: 10px; background: #242424; }
.content .data-block .data-binder.first { margin-top: 0; }
.content .data-block .data-binder .info-panel { position: absolute; bottom: 0; right: 0; width: 278px; height: 80px; padding: 3px 14px 5px 14px; background: #242424; overflow: hidden; }
.content .data-block .data-binder .info-panel h2 { font: 1.56em/1.3em "Myriad Pro", arial; color: #dde1e2; text-align: right; text-transform: uppercase; }
.content .data-block .data-binder .info-panel h2 a { color: #dde1e2; }
.content .data-block .data-binder .info-panel p { font: 0.75em/1.3em verdana; color: #dde1e2; text-align: right; }

.content .data-block .data-binder.about-us-box { background: #242424 url("../photos/fp-photos/about-us-box-bg.jpg") no-repeat; }
.content .data-block .data-binder.services-box { background: #242424 url("../photos/fp-photos/services-box-bg.jpg") no-repeat; }
.content .data-block .data-binder.gallery-box { background: #242424 url("../photos/fp-photos/gallery-box-bg.jpg") no-repeat; }

.content .data-block .data-binder#newsBox { background: #e9e9e9; }
.content .data-block .data-binder#newsBox .info-panel { background: #f6810d; color: #242424;}
.content .data-block .data-binder#newsBox .info-panel h2,
.content .data-block .data-binder#newsBox .info-panel h2 a,
.content .data-block .data-binder#newsBox .info-panel p { color: #242424; }

.content .data-block .data-binder.active { height: 436px; }
#newsBox.active-box { height: auto; padding-bottom: 90px; }

.content .data-block .data-binder#newsBox .detailed-news-binder, .content .data-block .data-binder#newsBox .latest-news-list { padding: 14px 27px 0 27px; }
.content .data-block .data-binder#newsBox .detailed-news-binder p.category-title { padding-bottom: 15px; font: 1.25em/1.3em verdana; color: #242424; text-transform: uppercase; }
.content .data-block .data-binder#newsBox .detailed-news-binder p.category-title a { color: #242424; }
.content .data-block .data-binder#newsBox .detailed-news-binder p { padding-top: 7px; font: 0.88em/1.2em arial; color: #242424; }
.content .data-block .data-binder#newsBox .latest-news-list p.category-title { padding-bottom: 7px; font: 1.38em/1.3em verdana; color: #242424; text-transform: uppercase; }
.content .data-block .data-binder#newsBox .latest-news-list ul { padding-left: 17px; list-style-type: square; color: #f6810d; }
.content .data-block .data-binder#newsBox .latest-news-list ul li,
.content .data-block.common.news .data-binder.detailed-page .detailed-data .news-list-binder li { padding-bottom: 10px; }
.content .data-block .data-binder#newsBox .latest-news-list ul li h2,
.content .data-block.common.news .data-binder.detailed-page .detailed-data .news-list-binder ul li h3 { font: 0.88em/1.2em arial; color: #524f4f; }
.content .data-block.common.news .data-binder.detailed-page .detailed-data .news-list-binder ul li h3 { font-size: 1em; }
.content .data-block .data-binder#newsBox .latest-news-list ul li h2 a,
.content .data-block.common.news .data-binder.detailed-page .detailed-data .news-list-binder ul li h3 a { color: #524f4f; }

.navigation-ident, .content { float: left; }

.content .data-block.common { background: white; }
.content .data-block.common hr { display: none; }
.content .data-block .data-binder.detailed-page { height: auto; background: white; overflow: hidden; }
.content .data-block.gallery,
.content .data-block.gallery .data-binder.detailed-page { background: #242424; }

.content .data-block .page-title { height: 61px; position: relative; /*padding-left: 280px;*/ left: 286px; }
.content .data-block .page-title span { width: 283px; /*position: absolute; top: 62px; left: 639px;*/ display: block; height: 52px; padding: 9px 47px 0 0; font: 1.56em/1.3em "Myriad Pro", arial; color: #242424; text-align: right; text-transform: uppercase; background: url("../images/page-title-bg.png") no-repeat right bottom; }

.content .data-block .data-binder.detailed-page .detailed-data .partner-binder { width: 100%; padding-bottom: 14px; float: left; }
.content .data-block .data-binder.detailed-page .detailed-data .partner-binder img { margin-right: 14px; float: left; }
.content .data-block .data-binder.detailed-page .detailed-data .partner-binder p { font: 1.13em/1.3em arial; color: #005390; }
.content .data-block .data-binder.detailed-page .detailed-data .partner-binder p a { color: #005390; }


.content .data-block .data-binder.detailed-page .detailed-data { padding: 0 17px 45px 17px; }
.content .data-block.gallery .data-binder.detailed-page .detailed-data { padding: 0 17px 45px 2px; }
.content .data-block .data-binder.detailed-page .detailed-data h2,
.content .data-block.common.news .data-binder.detailed-page .detailed-data .news-list-binder p.category-title { width: 100%; margin-bottom: 10px; padding: 15px 0 10px 0; font: 1.25em/1.3em arial; color: black; text-transform: uppercase; border-bottom: 1px solid black; }
.content .data-block .data-binder.detailed-page .detailed-data h3 { width: 100%; margin-bottom: 10px; padding: 15px 0 0 0; font: 1.1em/1.3em arial; color: #005390; }
.content .data-block.common.news .data-binder.detailed-page .detailed-data .news-list-binder p.category-title { padding-top: 35px; }
.content .data-block .data-binder.detailed-page .detailed-data p { font: 0.81em/1.3em arial; color: #524f4f; }
.content .data-block .data-binder.detailed-page .detailed-data ul { width: 340px; list-style-type: none; padding: 12px 0 0 20px; }
.content .data-block .data-binder.detailed-page .detailed-data ul li { padding: 0 0 7px 12px; font: 0.75em/1.3em arial; color: #524f4f; background: url("../images/detailed-page-list.png") no-repeat left 5px; }

.content .data-block.common.news p img { display: block; border: 1px solid #bab7b7; padding: 3px; margin: 10px 0 10px 0; clear: both;}
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data .contact-data { padding-top: 5px; }

.content .data-block.common.contacts .data-binder.detailed-page .detailed-data form { padding-top: 51px; }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset { width: 354px; border: none; }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset legend { padding: 10px 0 19px 0; font: bold 0.94em/1.2em arial; text-transform: uppercase; color: black; margin-left: -6px; }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset label { display: block; padding-top: 3px; width: 60px; font: 0.75em/1.2em arial; color: black; float: left; }

.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset .message-block { width: 354px; padding-top: 6px; overflow: hidden; float: left; /*background: yellow;*/ }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset .form-block,
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset .form-block-ext { width: 340px; padding-bottom: 8px; /*background: yellow;*/ overflow: hidden; float: left; }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset .form-block-ext { padding-top: 14px; width: 354px; }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset .form-block-ext .send-button { width: 73px; font: 0.75em/1.2em arial; padding: 3px 0 0 0; margin: 0; text-transform: uppercase; float: right; }

.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset input.name,
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset input.email,
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset input.tel { width: 245px; height: 20px; float: left; }

.content .data-block.common.contacts .data-binder.detailed-page .detailed-data fieldset textarea { width: 290px; float: left; }

.content .data-block.common.contacts .data-binder.detailed-page .detailed-data p { padding: 2px 0; font-family: georgia; }
.content .data-block.common.contacts .data-binder.detailed-page .detailed-data p span { color: black; }


.content .data-block.common.contacts .data-binder.detailed-page .detailed-data .google-map{ width: 380px; height: 233px; padding: 6px; border: 1px solid #7c7c7c; margin-top: 20px;}


.footer { width: 885px; margin-top: 47px; padding: 20px 22px 103px 0; float: left; overflow: hidden; background:  url("../images/footer-bg.png") no-repeat right top; }
.footer ul { list-style-type: none; font: 0.75em/1.1em verdana; color: #4d4b4b; text-transform: uppercase; float: right; }
.footer ul li { padding: 0 11px; border-right: 1px solid #4d4b4b; float: left; }
.footer ul li.last { padding-right: 0; border-right: 0; float: left; }
.footer ul li a { color: #4d4b4b; }
.footer ul li.active a { color: #242424; }

.footer .copyright { width: 885px; padding-top: 9px; font: 0.75em/1.1em verdana; color: #4d4b4b; text-align: right; float: left; }
.footer .copyright a{ color: #2A59A7; text-decoration: underline;}