@charset "utf-8";
/**CLEARFIX**/
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{background:none;border:none;margin:0; outline:0; padding:0;}

/**GENERAL**/
body { background: url(../../img/footer.jpg) no-repeat bottom center; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #ccc;}
html { background: url(../../img/body.jpg) no-repeat top center #000; }
h2.cufon { color: #fff; font-size: 18px; font-weight: normal; margin-bottom: 20px;}
h3.cufon { color: #fff; font-size: 14px; font-weight: normal; margin: 10px 0;}
.accessibility { display: none;}
.clear {clear: both; height: 0; line-height: 0;}
.blue {color: #00aeef}
.red {color: #d8000c;}
a, a:hover, a:visited {text-decoration: none; color: #6495ED}
a:hover {text-decoration: underline}
a.more {display: block; width: 74px; height: 28px; line-height: 28px; background: url(../../img/submit-bg.jpg) no-repeat; text-align: center; font-weight: bold; color: #fff;}

/**INPUTS**/
input, textarea {border:1px solid #000; color: #333; font-size: 12px; padding: 5px;}

/**FORMS**/
ul.form {list-style-type: none;}
ul.form li {padding-bottom: 5px; line-height: 26px;}
ul.form label {float: left; width: 130px; text-align: right; padding-right: 15px;}
ul.form input[type="text"] {width: 200px}
ul.form textarea {width: 250px;}
ul.form img {padding-left: 145px;}
ul.form input[type="submit"] {float: left; width: 74px; height: 28px; background: url(../../img/submit-bg.jpg) no-repeat; color: #fff; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; cursor: pointer; margin-left: 145px; margin-top: 10px;}


/**TEMPLATE**/
#container { width:966px; margin:0px auto;}
#content_wrapper {padding: 20px 0; }
#footer { clear: both; height:312px; margin-top:20px;}

/***HEADER***/
#header #logo {width: 348px; height: 89px; }
#header #logo a {display: block; height: 89px; background: url(../../img/logo.png); }
#header #nav {clear: both; height: 50px; margin-bottom: 10px; font-family: "Trebuchet MS", Tahoma, Arial }
#header #nav ul li {float: left; list-style-type: none; line-height: 50px; background: url(../../img/nav-li.jpg) repeat-x; text-align: center;}
#header #nav ul li:hover, #header #nav ul li.hover {background: url(../../img/nav-li-selected.jpg) repeat-x;}
#header #nav ul li a {display: block; height: 33px; color: #FEFEFE; font-size: 14px; background: url(../../img/separator.png) no-repeat right; padding-top: 17px; text-decoration: none;}
#header #nav ul li ul {display: none;}
#header #nav ul li.homepage {width: 109px;}
#header #nav ul li.section {width: 72px;}
#header #nav ul li.box {width: 56px;}
#header #nav ul li.kick-boxing {width: 95px;}
#header #nav ul li.muay-thai {width: 86px;}
#header #nav ul li.trainings {width: 116px;}
#header #nav ul li.trainings-rooms {width: 127px;}
#header #nav ul li.about-us {width: 83px;}
#header #nav ul li.galleries {width: 71px;}
#header #nav ul li.movies {width: 61px;}
#header #nav ul li.contact {width: 90px;}
#header #slogan {clear: both; height: 319px; background: url(../../img/header.jpg); }
#header #slogan p {padding-left:35px;padding-top:160px;width:341px; line-height: 1.6}
#header #slogan .more {margin: 20px 35px;}
#header #slogan .more a{color: #fff; }
/**MAIN**/
#main_content {line-height: 1.5;}


/**CONTENTS**/
#contents .box {width: 315px; height: 175px; margin-bottom: 20px;}
#contents .box p {padding: 55px 0 0 22px;}
#contents .box a {color: #fff;}
#contents .box#box {background: url(../../img/box-bg.jpg);}
#contents .box#kick-boxing {background: url(../../img/kick-boxing-bg.jpg); }
#contents .box#muay-thai {background: url(../../img/muay-thai-bg.jpg);}
#contents .box-left {float: left; width: 620px;}
#contents .box-left .news {padding-bottom: 15px;}
#contents .box-left .news .date {color: #999; padding-bottom: 5px;}
#contents .box-left .news .title a {font-size: 14px; text-decoration: underline; font-weight: bold; color: #00aeef}
#contents .box-left .news .more {padding-top: 5px;}
#contents .box-left .news .more a{color: #fff; }
#contents .box-left .page-content {padding-bottom: 20px;}
#contents .box-left .page-content a.more {margin-top: 15px;}
#contents .box-left .gallery {background: url(../../img/gallery-bg.png) no-repeat; padding-top: 10px;}
#contents .box-left .gallery img {float: left; border: solid 2px #ccc; margin-right: 5px; }
#contents .box-right {float:right; width: 315px;}
#contents .box-right .news {padding-bottom: 15px;}
#contents .box-right .news .date {color: #999;}
#contents .box-right .news .title a {color: #00aeef; font-weight: bold; text-decoration: underline; }
#contents .box-right .news .more a{color: #fff; font-weight: bold;}
#contents .box-right .ask-trainer { background: url(../../img/ask-trainer.jpg) no-repeat; width: 280px; height: 145px; padding: 10px 20px; }
#contents .box-right .ask-trainer h2 {margin-bottom: 5px;}
#contents .box-right .ask-trainer p {padding-bottom: 10px;}

/**GALLERIES**/
#galleries-list .gallery-item {clear: both; margin-bottom: 20px; background: url(../../img/gallery-item-bg.png) no-repeat; padding: 15px 0;}
#galleries-list .gallery-item .image {float: left; width: 145px;}
#galleries-list .gallery-item .image img {border: solid 2px #00aeef; }
#galleries-list .gallery-item .description {float: left; width: 440px;}
#galleries-list .gallery-item .description h2 {margin-bottom: 10px;}
#galleries-list .gallery-item .more {text-align: left; padding: 10px 0;}
#galleries-list .gallery-item .more a {color:#fff;}

/**GALLERY VIEW**/
#gallery-view .containerr {clear: both;}
#gallery-view h2 {float: left;height: 30px; }
#gallery-view a.more-link {float: right; padding-right: 7px;display: block; line-height: 30px; color: #fff;}
#gallery-view .ad-image-wrapper img {border: 0!important;}

/**MOVIES**/
#movie-list .movie-item {clear: both; margin-bottom: 20px; background: url(../../img/gallery-item-bg.png) no-repeat; padding: 15px 0;}
#movie-list .movie-item .image {float: left; width: 145px;}
#movie-list .movie-item .image img {border: solid 2px #00aeef; }
#movie-list .movie-item .description {float: left; width: 440px;}
#movie-list .movie-item .description h2 {margin-bottom: 10px;}
#movie-list .movie-item .more {text-align: left; padding: 10px 0;}
#movie-list .movie-item .more a {color:#fff;}

/**GALLERY VIEW**/

#movie-view h2 {float: left;height: 30px; }
#movie-view a.more-link {float: right; padding-right: 7px;display: block; line-height: 30px; color: #fff;}
#movie-view .description {clear: both}
#movie-view .movie { padding: 20px 0;}

/**NEWS VIEW**/
#news-view h2{margin-bottom: 3px;}
#news-view .date {color: #999; padding-bottom: 10px;}
#news-view .more{ padding: 10px 0;}
#news-view .more a {color: #fff;}

/**HOME**/
#home .box {float: left; width: 315px; height: 175px; margin-bottom: 30px; position: relative;}
#home .box p.box-txt { font-size: 11px; padding: 55px 10px 0 22px;}
#home .box p.box-a {padding-left: 250px; padding-top: 5px;}
#home .box a {color: #fff;}
#home .box .box-content {width: 315px; height: 175px; position: absolute; top: 0;}
#home .box#box {/*background: url(../../img/box-bg.jpg);*/}
#home .box#kick-boxing {/*background: url(../../img/kick-boxing-bg.jpg); */}
#home .box#muay-thai {/*background: url(../../img/muay-thai-bg.jpg);*/ margin-left: 10px; margin-right: 11px;}
#home .box-left {float: left; width: 630px;}
#home .box-left .page-content {padding-bottom: 20px;}
#home .box-left .page-content a.more {margin-top: 15px;}
#home .box-left .gallery {background: url(../../img/gallery-bg.png) no-repeat; padding-top: 10px; clear: both; padding-bottom: 56px;}
#home .box-left .gallery h2 {float: left;height: 30px;}
#home .box-left .gallery a.more-link {float: right; padding-right: 7px;display: block; line-height: 30px; color: #fff;}
#home .box-left .gallery .images {clear: both;}
#home .box-left .gallery img {float: left; border: solid 1px #ccc; margin-right: 4px;  }
#home .box-left .gallery img:hover {border-color: #00aeef}
#home .box-right {float:right; width: 320px;}
#home .box-right #news h2 {float: left;height: 30px;}
#home .box-right #news a.more-link {float: right; display: block; line-height: 30px; color: #fff;}
#home .box-right .news {padding-bottom: 15px; clear: both;}
#home .box-right .news .date {color: #999;}
#home .box-right .news .title a {color: #00aeef; font-weight: bold; text-decoration: underline; display:block;padding-bottom:5px;}
#home .box-right .news .more a{color: #fff; font-weight: bold;}
#home .box-right .ask-trainer { background: url(../../img/ask-trainer.jpg) no-repeat; width: 280px; height: 145px; padding: 10px 20px; }
#home .box-right .ask-trainer h2 {margin-bottom: 5px;}
#home .box-right .ask-trainer p {padding-bottom: 10px;}

/******TRAININGS*****/

table.trainings tr td { padding: 15px; background: #213043;}
table.trainings tr.head td { font-weight: bold; }
ul.price-list li {margin-left: 30px;}
div.section {background:url("../../img/gallery-bg.png") no-repeat; padding: 10px 0 25px 0;}

/**CONTACT**/
#contact .box-left {float: left; width: 500px;}
#contact .box-left ul {padding-top: 20px;}
#contact .box-right {float:right; width: 440px;}
#contact .box-right #map {margin-bottom: 20px;}

/**FOOTER*/
#footer { color: #9cabc0; line-height: 1.6;}
#footer h2 {padding-top: 30px;}
#footer p {padding-bottom: 20px;}
#company-info { float: left; width: 520px; height: 268px; background: url(../../img/footer-separator.png) no-repeat right;}
#company-info #address{ float: left; width: 50%;}
#company-info #hours { float: left; width: 50%;}
#newsletter { float: left; width: 400px; height: 268px; padding-left: 30px;}
#newsletter input[type="text"] {float: left; width: 200px; margin-right: 10px;}
#newsletter input[type="submit"] {float: left; width: 74px; height: 28px; background: url(../../img/submit-bg.jpg) no-repeat; color: #fff; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; cursor: pointer;}
#bottom {clear: both; height: 44px; line-height: 44px; color: #576478; }
#copyright {float: left;}
#realizations {float: right;}
#realizations a {color: #576478;}
#realizations a:hover {text-decoration: underline;}

/*********VALIDATIONS*******/
.info,.success,.warning,.error,.validation, .error_message { border:1px solid; margin:10px auto; padding:7px 10px 7px 35px; background-repeat:no-repeat; background-position: 10px 6px;}
.success { color:#4f8a10; background-image: url(../../img/icons/accept.png); background-color:#dff2bf;}
.error, .error_message { color:#d8000c; background-image: url(../../img/icons/exclamation.png); background-color:#ffbaba;}
.info{color:#00529b;background-image: url(../../img/icons/information.png);background-color:#bde5f8;}
.warning{color:#9f6000;background-image: url(../../img/icons/error.png);background-color:#feefb3;}
.news_img.main-cont img {padding-right: 15px;}
.home-news .news_img img {width: 90%}
.news {display: flex;}
.cufon {display: none;}
.cufon:first-child {display: block;}
.home-news
.home-news .news_img, .home-news .news-cont {flex: 1 0 50%;}