@import "reset.css";

body { background-color: #fff; color: #000; font: .75em/normal "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; }

a,a:link,a:visited { color: #00aeef; outline: none; }
a:hover, a.important, a.on { color: #f7941d; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p, address { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; }

h1 { font-size: 200%; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; color: #00AEEF; }
h6 { font-size: 100%; }

#logo { float: left; }


/* Boxes */

.box { min-height: 1px; margin-bottom: 1em; }
* html .box { height: 1px; }

.box a{ color: #fff; }

.box1, .box2, .box3, .box4, .box5 { width: 241px; background-color: #00aeef; color: #fff; }
.box1 .before { padding-top: 6px; background: url(../images/box1-top.png) 0 0 no-repeat; }
.box1 .after { padding: 9px 10px 15px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }
.box2 .after h1 {padding-bottom: 8px;}

.box2 .before { padding-top: 6px; background: url(../images/box2-top.gif) 0 0 no-repeat; }
.box2 .after { padding: 6px 10px 15px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }

.box3 .before { padding-top: 6px; background: url(../images/box3-top.gif) 0 0 no-repeat; }
.box3 .after { padding: 9px 10px 15px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }

.box4 .before { padding-top: 6px; background: url(../images/box4-top.gif) 0 0 no-repeat;}
.box4 .after { padding: 9px 10px 15px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }

.box5 .before { padding-top: 6px; background: url(../images/box5-top.gif) 0 0 no-repeat;}
.box5 .after { padding: 9px 10px 15px; background: url(../images/box1-bottom.png) 0 100% no-repeat; }

.box5 h1{ margin-bottom: 1.5em; font-size: 150%; }

.box h2{ background:  url("../images/dots1.gif") repeat-x bottom; padding-bottom: 7px; }
.box3 h1{ margin-bottom: 1.5em; line-height: 28px;}
.box3 .after input {margin-bottom: 7px; width: 200px;}

.box4 h1{ margin-bottom: 1.5em; line-height: 28px;}
.box4 .after input {margin-bottom: 7px; width: 200px;}

#box-partners ul{ font-size: 1.17em; font-weight: bold; }
/* Forms */

input.text, textarea, select { padding: 3px 5px; margin-bottom: 4px; border-width: 0; background: url(../images/bg-inner-shadow.png) 0 0 no-repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
input.button { border-width: 0; background: none; font-size: 1em; font-weight: bold; }
textarea { overflow: auto; height: 100px; }
select{ padding: 3px 5px; }
input.checkbox { width: 15px; height: 15px; }
#free-session input, #free-session select{ width: 90%; margin-bottom: 5px; }


/* Main layers  */

#container { width: 968px; margin: 20px auto 0; background: #fff; text-align: left; }
#content { padding-top: 25px; border-top: solid 1px #dfdfdf; }
#header { height: 102px; margin-bottom: 10px; background: url(../images/separator1.png) 0 100% no-repeat; }
#portbar { float: left; width: 174px; margin-bottom: 25px; }
#mainbar { float: left; width: 471px; margin: 0 26px 25px; }
#mainbar-wide { float: left; width: 713px; margin: 0 26px 25px; }
#mainbar-timetable{ float: left; width: 750px;  padding: 0; }
#starbar { float: left; width: 242px; margin-bottom: 25px; }
#sidebar-timetable{ float: right; width: auto;}

/* Breadcrumbs */

#breadcrumbs { overflow: hidden; float: left; width: 569px; height: 38px; margin: 0 0 5px -27px; padding: 0 41px; background: url(../images/bg1.png) 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 21px; line-height: 38px; }
#breadcrumbs a, #breadcrumbs a:visited { color: #fff; }


/* Navigation */

#nav { overflow: hidden; float: right; width: 686px; margin-left: -62px; font-weight: bold; font-size: 10px; }
#nav li { float: left; margin-left: -20px; line-height: 20px; }
#nav li.first { margin-left: 0; }
#nav a { float: left; width: 103px; height: 20px; padding: 4px 0; background: url(../images/bg2-gray.png) 0 0 no-repeat; text-align: center; }
#nav a, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a.on { background-image: url(../images/bg2-orange.png); color: #fff; }
#nav #navi5,#nav #navi8 { line-height: 1em; }


/* Free visit box */

#free-visit form dt { margin-bottom: .2em; }
#free-visit form dd { margin-bottom: 1em; }
#free-visit form input.text { width: 210px; }
form .button { width: auto!important; color: #fff; font-size: 200%!important; }


/* Flash box */

#flashbox { overflow: hidden; width: 242px; height: 162px; margin-bottom: 1em; background: url(../images/box2.jpg) 0 0 no-repeat; color: #fff; }
#flashbox .inner { padding: 12px 10px; }
#flashbox h2 { margin-bottom: 1.5em; font-weight: normal; }
#flashbox .body { font-size: 1.165em; }


/* Article */

#article h1 { color: #00aeef; }
#article p {line-height: 18px;}
#article h1 p {line-height: 5px;}


/* Footer */

#footer { clear: both; width: 100%; color: #c7c8ca; border-top: solid 1px #dfdfdf; font-size: .9375em; }
#footer .inner { padding-top: .5em; }
#footer p { margin-bottom: 0; }
#footer p.links { float: left; color: #00aeef; }
#copyright { float: right; }
#footer .logos{ float: left; clear: both; margin: 10px 0; }



#timetable{ border-collapse: collapse; width: 100%; text-align: center; }
#timetable td,#timetable th{ border: 1px solid #ccc; padding: 0; height: 50px; overflow: hidden; }
#timetable tbody td {width: 70px; height: 60px; font-size: 10px;}
#timetable tbody th{ width: 60px; height: 60px; }
#timetable th{ text-align: center; vertical-align: middle; text-transform: uppercase; color: #666; padding: 0 5px}
#timetable th.corner{ border: 0; border-right: 1px solid #f7941e; border-bottom: 1px solid #f7941e;  }

#timetable .last-in-row{ border-right: 1px solid #f7941e; }
#timetable thead th{ border-top: 1px solid #f7941e; }
#timetable tbody th{ border-left: 1px solid #f7941e; }
#timetable .last-row td, #timetable .last-row th{ border-bottom: 1px solid #f7941e; }

#trainers, #trainers2{ margin-bottom: 1em; }
#trainers li, #trainers2 li{ float: left; margin: 5px 3px 0 0; }
.legend{list-style:none;}
.legend li{float:left; margin-right:40px;}
.legend li div{ width:15px; height:4px; margin-right:4px; margin-top:5px; padding:0; float:left;}