body{background: #fff url('/img/bg/body.png') 50% -3px no-repeat; border-top: 3px solid #8dc500; text-align:center;}

/* NAVIGATION SKIP */
#nav-skip {position: absolute; left: -2000px; top: 0; }
#nav-skip a:focus, #nav-skip a:active {position: absolute; left: 1980px; width: 1000px; background: #fff; padding: 2px 0 5px;}

/* LAYOUT */
#mother {width: 960px; margin: 0 auto; position: relative;}
#header {position: relative; text-align: left;}
#main {text-align: left; border-bottom: 7px solid #8dc500; padding: 0 15px 20px;}
.home #main {padding: 0 0 30px;}
.home #col-content {float: right; display: inline; width: 285px; margin: 0 15px 0 0;}
.home #col-side {float: left; display: inline; width: 615px; margin: 0 0 0 15px;}
#col-content {float: left; display: inline; width: 640px;}
#col-side {float: right; display: inline; width: 260px;}
#footer {padding: 6px 15px; border-top: 5px solid #f5f5f5; font-size: 92%;} 

/* LOGO BOX */
#logo-box {float: left; display: inline; margin: 25px 0 0 25px;}
#logo-box h1, #logo-box p {margin: 0px; padding: 0; line-height: 1;}
#logo-box a, #logo-box h1 img, #logo-box p img {display: block;}

/* LANG MENU */
#lang-menu {right: 11px; top: 13px; position: relative; float: right; text-transform: capitalize;}
#lang-menu p {margin: 0;}
#lang-menu a {color: #333;}
#lang-menu a:hover {text-decoration: none;}
.en {padding: 2px 0 2px 22px; background: url('/img/ico/en.png') 0 50% no-repeat;}
.cz {padding: 2px 0 2px 22px; background: url('/img/ico/cz.png') 0 50% no-repeat;}

/* SEARCH BOX */
#search-box {float: right; display: inline; margin: -30px 10px 0 0;}
#search-box .int-text {width: 128px;}

/* MENU */
#main-menu {border-bottom: 3px solid #f5f6f7; margin: 20px 0 0;}
#main-menu li {float: left; display: inline;}
#main-menu li:first-child a span {padding: 7px 30px;}
#main-menu li:first-child strong span {padding: 7px 30px;}
#main-menu li a {display: block; border: 1px solid #d4d4d4; color: #010101; text-decoration: none; margin: 0 -1px 0 0; position: relative; z-index: 10;}
#main-menu li span {background: #f5f5f5 url('/img/bg/main-menu-a.png') 0 0 repeat-x; border: 1px solid #fff; border-width: 1px 0; padding: 7px 29px; display: block;}
#main-menu li.active a, #main-menu li a:hover, #main-menu li strong {display: block; border: 1px solid #7dad06; color: #fff; text-decoration: none; margin: 0 -1px 0 0; font-weight: normal; position: relative; z-index: 99;}
#main-menu li strong span, #main-menu li.active a span {background: #8ec502 url('/img/bg/main-menu.png') 0 0 repeat-x; border-color: #9ddb00; border-width: 1px 0;}
#main-menu li a:hover span {background: #a2d228 url('/img/bg/main-menu.png') 0 0 repeat-x; border-color: #9ddb00;}

.side-menu {background: #f9f9f9; border-bottom: 5px solid #f3f3f3; padding: 15px; margin: 0 0 20px;}
.side-menu h2 {margin: 0 0 10px; font-size: 166.6%;}
.side-menu li {border-top: 1px solid #e2e2de; background: url('/img/bg/side-menu.png') 0 0.8em no-repeat !important;}
.side-menu li.ico-dot {background: url('/img/ico/dot.png') 2px 1em no-repeat !important; }
.side-menu li li {margin: 0 0 0 15px !important;}
.side-menu li a, .side-menu li strong {display: block; border-top: 1px solid #fff; padding: 5px 0 6px 15px; text-decoration: none; font-weight: normal;}
.side-menu li.active a, .side-menu li.active li a:hover {color: #333;}
.side-menu li.active li a {color: #689202;}
.side-menu li:first-child, .side-menu li:first-child a, .side-menu li:first-child strong {border-width: 0;}
.side-menu li li, .side-menu li:first-child li a, .side-menu li:first-child li strong {border-width: 1px 0 0 !important;}

/* BREADCRUMB */
#breadcrumb {margin: 15px 0 20px;}
#breadcrumb h2 {font-size: 100%; display: inline; margin: 0 5px 0 0; font-weight: normal;}
#breadcrumb strong {font-weight: normal;}

/* SPECIAL IMG */
.spc-img {border: 1px solid #d4d4d4; background: #f5f5f5; margin: 0 0 20px; text-align: center;}
.spc-img .in {border: 1px solid #fff; padding: 5px;}
.spc-img .in .spc {height: 200px; overflow: hidden;}

/* ROOM DETAIL */
.col-h-ll {float: left; display: inline; width: 58%;}
.col-h-rr {float: right; display: inline; width: 38%;}
.col-h-rr p {overflow: hidden; margin: 0 0 0.5em;}
.col-h-rr p .green-btn {display: block;}
.col-h-rr p .green-btn span {display: block;}
.col-h-rr .l {width: 65px;}
.col-h-rr .r {width: 155px;}

/* ANNOT BOX */
#annot-box {margin: 0 0 1.8em;}
#annot-box p {font-size: 117%; margin: 0;}

/* HOME CROSSROAD */
#home-crossroad {margin: 20px 0 30px;}
#home-crossroad li {float: left; display: inline; width: 320px; min-height: 328px; color: #fff; border-bottom: 4px solid #7dad06;}
#home-crossroad li.jsclick {cursor: pointer;}
#home-crossroad li.jsclick h3 a {text-decoration: none;}
#home-crossroad li .in {margin: 231px 0 0; padding: 15px; border: 4px solid #7dad06; border-width: 0 4px;}
#home-crossroad li h3 {margin: 0; font-size: 183.4%;}
#home-crossroad li h3 a {color: #fff;}
#home-crossroad li p {margin: 0.1em 0 0;}
#home-crossroad .training {background: #7CBC04 url('/img/motive/training.jpg') 0 0 no-repeat;}
#home-crossroad .simulation {background: #7CBC04 url('/img/motive/simulation.jpg') 50% 0 no-repeat; width: 318px; margin: 0 1px;}
#home-crossroad .training-spaces {background: #7CBC04 url('/img/motive/training-spaces.jpg') 0 0 no-repeat;}

.home #col-content h2, .home #col-side h2 {margin: 0 0 0.7em;}

/* CROSSROAD */
.crossroad li {border-top: 1px solid #dcdcdc; padding: 10px 0 !important;}
.crossroad li:first-child {border: none;}
.crossroad li h2 {margin: 0 0 0.2em;}
.crossroad .col-h-r p {overflow: hidden; margin: 0 0 0.5em;}
.crossroad .col-h-r p .l {width: 65px;}
.crossroad .col-h-r p .r {width: 210px;}
.crossroad li .img-box {float: left; display: inline; margin: 0 0 0 -300px; background: #f1f1f1; border: 1px solid #d4d4d4; padding: 5px; width: 270px;}
.crossroad li .img-box img {display: block;}
.with-img li {padding: 10px 0 10px 300px !important;}
.ico-men {padding: 0 0 0 19px; background: url('/img/ico/men.png') 0 0 no-repeat;}
.ico-list {padding: 0 0 0 19px; background: url('/img/ico/list1.png') 0 0 no-repeat;}
.ico-euro {padding: 0 0 0 19px; background: url('/img/ico/euro.png') 0 0 no-repeat;}

/* DIRECTORY TRAINING */
.directory-training {width: 290px; float: left; display: inline;}
.directory-training h2 {padding: 0 0 5px 35px; background: url('/img/ico/calendar.png') 0 0em no-repeat;}
.directory-training ul {margin: 0 0 30px;}
.directory-training li {margin: 10px 0 !important;}
.directory-training .date {display: -moz-inline-block; display: inline-block; min-width: 45px; white-space: nowrap; text-align: center; padding: 1px 0; background: #f6f6f6 url('/img/bg/date.png') 0 100% repeat-x; margin: 0 5px 0 0; font-size: 92%;}

/* CALENDAR */
#col-content .calendar {margin: 0 0 15px 15px;}
#col-content .room-reservation .calendar {margin: 0 0 15px;}
.calendar {border-bottom: 4px solid #f7f7f7; margin: 0 0 15px; width: 290px;}
.calendar .in {border: 1px solid #d7d7d7; background: #fff; padding: 1px;}
.calendar .in .spc {background: #f2f2f2; padding: 5px 10px 10px;}
.calendar .month {position: relative; text-align: center; padding: 5px 3em 0; margin: 0 0 20px; font-size: 133.4%;}
.calendar .month .back, .calendar .month .next {position: absolute; left: 0; top: 5px; font-size: 69%; white-space: nowrap; display: inline-block; background: #b4d956 url('/img/bg/next-prev.png') 0 100% no-repeat; color: #fff; text-decoration: none; padding: 3px 6px 10px 20px; width: 46px;}
.calendar .month .next {background-position: 100% 100%; right: 0; left: auto; padding: 3px 20px 10px 6px;}
.calendar .month .next:hover, .calendar .month .back:hover {background-color: #689202; background-image: url('/img/bg/next-prev-hover.png');}
.calendar table {border: none; margin: 0;}
.calendar table th, .calendar table td {font-size: 92%; font-weight: normal; padding: 0; text-align: center; height: 26px; width: 30px;}
.calendar table th {background: none; border: none;}
.calendar table .weekend {color: #8e8e8e;}
.calendar table td.day {border: 1px solid #cdcdc8 !important; background: #fff;}
.calendar table .first td.disabled {border: 1px solid #eaeae8; border-bottom-color: #cdcdc8;}
.calendar table td.disabled {border: 1px solid #eaeae8; border-top-color: #cdcdc8; background: #f9f9f9;}
.calendar table td a {display: block; background: #8dc500; padding: 6px 0; color: #fff;}
.calendar table td strong {display: block; background: #e82b0c; padding: 6px 0; color: #fff; font-weight: normal;}
.calendar table td a:hover {background: #689202; color: #fff;}

/* NEWS BOX */
.news-box {width: 290px; float: right; display: inline;}
.news-box h2 {padding: 0 0 0 35px; background: url('/img/ico/list.png') 0 0em no-repeat;}
.news-box li {margin: 0 0 25px !important; overflow: hidden;}
.news-box .date {float: left; display: inline; width: 42px; background: #fff; padding: 1px; border: 1px solid #d4d4d4; text-align: center; margin: 0.4em 0 0; line-height: 1.2;}
.news-box .date span {border-top: 6px solid #7dad06; background: #f3f3f3; display: block; padding: 0 0 4px;}
.news-box .date span strong {border-top: 1px solid #fff; padding-top: 3px; display: block;}
.news-box li h3 {margin: 0 0 0.4em 60px; font-size: 117%; font-family: tahoma, helvetica, sans-serif; line-height: 1.4;}
.news-box li p {margin: 0 0 0 60px;}

/* BANNER EU */
.banner-eu {font-size: 92%; background: url('/img/bg/banner-eu.png') 0 0 no-repeat; padding: 18px 20px 20px 100px; margin: 25px 0 0;}

/* STEPS */
.steps {border-bottom: 3px solid #f5f5f5; margin: 0 0 30px;}
.steps ul li {background: #f1f1f1; border: 3px solid #dddddd; float: left; display: inline; width: 263px; padding: 10px 20px !important; min-height: 55px; margin: 0 1px 0 0 !important; position: relative;}
.steps ul li h2 {margin: 0;}
.steps ul li p {font-size: 117%; margin: 0;}
.steps ul li .row {width: 18px; height: 27px; display: block; position: absolute; right: -17px; top: 25px; background: url('/img/bg/steps.png') -18px 0 no-repeat; z-index: 99;}
.steps ul li.active {background: #88bf00; border-color: #7dad06; color: #fff;}
.steps ul li.active .row {background-position: 0 0;}

/* TRAINING CROSSROAD */
.training-crossroad {margin: 20px 0 0;}
.training-crossroad li {overflow: hidden; border-top: 1px solid #e2e2de; padding: 10px 0 15px !important;}
.training-crossroad li:first-child {border: none;}
.training-crossroad .date {float: left; display: inline; width: 90px; background: #f6f6f6 url('/img/bg/date.png') 0 100% repeat-x; text-align: center; font-size: 117%; padding: 1px 0;}
.training-crossroad .inline-block {float: left; display: inline; width: 395px; margin: 0 0 0 10px;}
.training-crossroad h3 {font-size: 117%; margin: 0; font-family: tahoma;}
.training-crossroad p {margin: 0; line-height: 1.9;}
.training-crossroad .go-btn {float: right; display: inline; width: 135px; margin-top: 22px;}
.c-detail .date {width: 140px;}
.c-detail .inline-block {width: 330px;}
.c-detail .go-btn {margin: 0;}
.c-detail p span {white-space: nowrap;}

/* REFER BOX */
.refer-box {background: url('/img/bg/refer-box.png') 0 0 repeat-x; padding: 15px; height: 410px;}
.refer-box h2 {margin: 0 0 10px; font-size: 166.6%;}
.refer-box p {margin: 0 0 0.5em;}
.refer-box li {margin: 0 0 2em !important;}
#col-content .refer-box {float: right; display: inline; width: 200px; margin: 0 0 15px 15px; height: auto;}

/* ROOM RESERVATION */
.room-reservation {margin: 0 0 20px;}
.room-reservation .in {border: 1px solid #d4d4d4; background: #f5f5f5;}
.room-reservation .in .spc {border: 1px solid #fff; padding: 20px 20px 5px;}
.room-reservation .calendar {border: none;}
.room-reservation .calendar .in .spc {padding: 10px;}

/* FORMS */
.bg-form {border: 1px solid #d7d7d7; background: #f5f5f5; margin: 10px 0 0;}
.bg-form .in {border: 1px solid #fff; padding: 15px 20px;}
.bg-form label {font-size: 117%;}
.bg-form .int-text {margin: 3px 0 0; font-size: 100%; font-family: arial;}
.bg-form .col-h-l .w-full, .bg-form .col-h-r .w-full {width: 98%;}
.bg-form .l, .bg-form .r {margin: 0;}
.bg-form .green-btn input {text-transform: uppercase;}

/* BOOKING FORM */
#booking-form {margin: 0 0 0 15px;}
#booking-form .ui-tabs-hide {display: none;}
#booking-form .tabs-nav, #booking-form .sitting-form {overflow: hidden; margin: 15px 0 40px -20px !important;}
#booking-form .tabs-nav li, #booking-form .sitting-form li {float: left; display: inline; margin: 0 0 0 20px !important;}
#booking-form .tabs-nav li img, #booking-form .sitting-form li img {display: block; background: #f4f4f4; padding: 5px; border: 1px solid #e1e1e1; margin: 0 0 5px;}
#booking-form .tabs-nav li a, #booking-form .sitting-form li label {text-decoration: none; font-size: 117%; font-weight: bold; color: #333;}
#booking-form .in {padding: 0 0 20px 225px;}
#booking-form .sitting-form {margin: 15px 0 0 -5px !important;}
#booking-form p {line-height: 2; font-size: 117%; margin: 0 0 0.5em;}
#booking-form p .head {float: left; display: inline; margin: 0 0 0 -210px; font-weight: bold;}
#booking-form p.head {margin: 0 0 0.5em 100px;}
#booking-form p.head label {float: left; display: inline; margin: 0 0 0 -90px;}
#booking-form p label input {margin: 0 5px;}
#booking-form p span.price {background: #f6f6f6 url('/img/bg/prize.png') 0 100% repeat-x; padding: 1px 5px; white-space: nowrap;}
#booking-form p.prize {margin: 0 0 0 -210px; background: #f6f6f6 url('/img/bg/prize.png') 0 100% repeat-x; float: left; padding: 6px 10px; font-size: 150%; line-height: 1;}
#booking-form .show-box {margin: 0 0 2em;}
#booking-form .show-box .spc {margin: 0.5em 0 0;}
form #booking-form .int-text {font-size: 100%; font-family: tahoma, arial, sans-serif;} 
.form-buttons {margin: 20px 0;}
#booking-form .col-h-l-spec {float: left; display: inline; width: 230px; padding: 0 0 0 210px;}
#booking-form .col-h-r-spec {float: right; display: inline; width: 230px; padding: 0 0 0 210px;}
#booking-form .col-h-l-spec h2, #booking-form .col-h-r-spec h2 {margin: 1em 0 0.2em -210px;}
#booking-form .col-h-l-spec p.head, #booking-form .col-h-r-spec p.head {margin: 0;}
#booking-form .col-h-l-spec p.head span, #booking-form .col-h-r-spec p.head span  {margin: 0 0 0 -195px; float: left; display: inline;}

/* CONTEXT MENU */
.context-menu {margin: 20px 0 0 ; padding: 10px 10px 10px 80px; background: url('/img/ico/i.png') 10px 50% no-repeat; min-height: 50px;}

/* ATTACHED */
.att-images{padding-top:1px;}
.att-images ul{margin-left:-10px;}
.att-images li{ padding:0; background:white; float:left; width:150px; text-align:center; border:1px solid #DEDDDC; margin: 0 8px 8px 0;}
.att-images li img {display: block;}
.att-images li a{display:block; width:140px; padding:5px 5px 5px;}
.att-images li .box-img{display:table-cell; width:140px; height:105px; vertical-align:middle;  text-align:center;}

.img-big{padding:10px; border:1px solid #DEDDDC; float:right; width:330px; background:white; margin:0 0px 10px 18px; text-align:center;}
.img-big .name{display:block; margin-top:7px; padding:0 0px; text-align:left; }
.img-big img{display:block; margin:0 auto;}
.img-big a{display:block;}

/* File icons */
#att-files li { list-style: none; padding-left: 0; padding:1px 0 1px 22px; margin-bottom:2px; background-position: 0 0em; background-image: url("/img/fileico/fico-sm-unknown.png");}
#att-files .dm { background-image: url("/img/fileico/fico-sm-3dm.png"); }
#att-files .ai { background-image: url("/img/fileico/fico-sm-ai.png"); }
#att-files .avi { background-image: url("/img/fileico/fico-sm-avi.png"); }
#att-files .bmp { background-image: url("/img/fileico/fico-sm-bmp.png"); }
#att-files .cdr { background-image: url("/img/fileico/fico-sm-cdr.png"); }
#att-files .doc { background-image: url("/img/fileico/fico-sm-doc.png"); }
#att-files .dxf { background-image: url("/img/fileico/fico-sm-dxf.png"); }
#att-files .exe { background-image: url("/img/fileico/fico-sm-exe.png"); }
#att-files .gif { background-image: url("/img/fileico/fico-sm-gif.png"); }
#att-files .html { background-image: url("/img/fileico/fico-sm-html.png"); }
#att-files .jpg { background-image: url("/img/fileico/fico-sm-jpg.png"); }
#att-files .mp3 { background-image: url("/img/fileico/fico-sm-mp3.png"); }
#att-files .pdf { background-image: url("/img/fileico/fico-sm-pdf.png"); }
#att-files .png { background-image: url("/img/fileico/fico-sm-png.png"); }
#att-files .ppt { background-image: url("/img/fileico/fico-sm-ppt.png"); }
#att-files .psd { background-image: url("/img/fileico/fico-sm-psd.png"); }
#att-files .qt { background-image: url("/img/fileico/fico-sm-qt.png"); }
#att-files .ra { background-image: url("/img/fileico/fico-sm-ra.png"); }
#att-files .swf { background-image: url("/img/fileico/fico-sm-swf.png"); }
#att-files .tif { background-image: url("/img/fileico/fico-sm-tif.png"); }
#att-files .txt { background-image: url("/img/fileico/fico-sm-txt.png"); }
#att-files .xls { background-image: url("/img/fileico/fico-sm-xls.png"); }
#att-files .zip { background-image: url("/img/fileico/fico-sm-zip.png"); }

/* BUTTONS */
.green-btn {min-height: 32px; background: #82c003 url('/img/bg/btn/green.png') 0 0 no-repeat; padding: 0 0 0 10px; display: -moz-inline-block; display: inline-block; color: #fff; text-decoration: none; line-height: 27px;}
.green-btn span {min-height: 32px; background: url('/img/bg/btn/green.png') 100% 0 no-repeat; padding: 0 10px 0 0; display: -moz-inline-block; display: inline-block; border: none; color: #fff; cursor: pointer;}
.green-btn:hover, .green-btn:hover span{background-image: url('/img/bg/btn/green-hover.png'); color: #fff;}

.green-btn input {margin: 0 -10px; background: none; border: none; color: #fff; font-weight: bold; cursor: pointer;}

.grey-btn {min-height: 32px; background: #82c003 url('/img/bg/btn/grey.png') 0 0 no-repeat; padding: 0 0 0 10px; display: -moz-inline-block; display: inline-block; color: #fff; text-decoration: none; line-height: 27px;}
.grey-btn span {min-height: 32px; background: url('/img/bg/btn/grey.png') 100% 0 no-repeat; padding: 0 10px 0 0; display: -moz-inline-block; display: inline-block; border: none; color: #fff;}

/* FOOTER */
#footer p {margin: 0; line-height: 1.5;}
#footer a {color: #333;}
#footer a:hover {color: #689202;}
#footer .r a {text-decoration: none;}

/* CONTACT FORM */
.contact-form .in {border: 1px solid #D4D4D4;}
.contact-form .in form {border: 1px solid #fff; padding: 20px; background: #f9f9f9;}
.contact-form .int-text {font-size: 100%; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;}

/* MESSAGES */
.ok-message{background:#E3FDB6 url(/img/ico/bullet-tick.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #8AC722; color:#4B7600; font-weight:bold; margin:0.4em 0px 1em; }
.error-message{background:#FFCCCC url(/img/ico/bullet-cross.png) 10px 50% no-repeat; padding:7px 20px 7px 35px; border:1px solid #DB0000; color:#B10000; font-weight:bold;  margin:0.4em 0px 1em;}
