/* general */

* {
margin: 0;
padding: 0;	
border: 0;
}

html {
background: #032448 url("../grafika/top.jpg") repeat-x top left;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
color: white;
text-align: center;
}

a {
color: #00b2ff; 
text-decoration: underline;
} 

a:visited {
color: white; 
}

a:hover, a:active, a:focus {
color: #f8cc00; 
}

h1  {
color: #f8cc00; 
font-size: 150%;
font-weight: normal;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #032448;
}

h1 span {
font-weight: normal;
color: #2a8bbd;
font-size: 80%;
}

h2 {
font-size: 120%;
font-weight: bold;
color: #f8cc00;
margin: 20px 0;
}

h3 {
font-size: 100%;
color: #00b2ff; 
font-weight: bold;
margin: 0 0 5px 0;
text-transform: uppercase;
}

h4 {
color: #00b2ff; 
font-size: 100%;
font-weight: bold;
padding-left: 20px;
background: url("../grafika/arrow.jpg") no-repeat center left;
margin: 0 0 10px;
}

h5 {
font-size: 100%;
font-weight: bold;
color: #46a1bc; 
margin: 20px 0 10px 0;
}

h6 {
font-size: 90%;
font-weight: bold;
color: black; 
margin: 10px 0 10px 0;
}

p {
margin-bottom: 15px;
line-height: 150%;
}

ul, ol {
margin: 10px 0;
line-height: 140%;
}

li {
margin-left: 30px;
list-style: none;
padding: 7px 0 7px 20px;
background: url("../grafika/bullet.jpg") no-repeat 0 12px;
}

ol li {
list-style: decimal;
padding: 7px 0;
}

.cistic {
=height: 1px;
=width: 1px;
=font-size: 1px;
=line-height: 1px;
=margin: -1px -1px 0 0;
clear: both;
}

#stred table,
#stred2 table {
border-collapse: collapse;
width: 100%;
}

td, th {
padding: 5px 10px;
}

th {
font-size: 90%;
background: #011224;
}

input, textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: black;
padding: 3px;
border: 1px solid #35a9dc;
}

.strong {
font-weight: bold;
}

.yellow {
color: #f8cc00;
}

.big {
font-size: 150%;
}

.modry {
color: #00b2ff;
text-transform: uppercase;
font-weight: bold;
}

.doprava {
float: right;
}

/***************** layout *************/

#obal {
background: url("../grafika/bg.jpg") no-repeat center top;
}

#spodni {
background: url("../grafika/bottom.jpg") no-repeat bottom center;
}

#main {
width: 984px;
text-align: left;
margin: 0 auto;
}

#left {
width: 262px;
padding-top: 25px;
float: left;
}

#logo {
width: 262px;
height: 131px;
font-size: 150%;
color: white;
text-transform: uppercase;
overflow: hidden;
margin: 0;
position: relative;
}

#logo a, #logo span {
width: 262px;
height: 131px;
display: block;
background: url("../grafika/logo.jpg");
position: absolute;
top: 0;
left: 0;
}

/*** menu ***/

ul#menu { 
width: 170px;
margin: 0;
padding: 30px 0 0 92px;
font-size: 120%;
float: left;
z-index: 90;
position: relative;
}

ul#menu li {
width: 170px;
height: 50px;
margin: 0;
padding: 0;
list-style: none;
background: none;
float: left;
}
		
ul#menu li a, ul#menu li a:visited, ul#menu li span {
width: 130px;
height: 50px;
line-height: 50px;
padding-right: 40px;
color: white;
text-decoration: none;
text-align: right;
background: url("../grafika/menu.jpg") no-repeat center right;
display: block;
}

ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus {
color: #f8cc00;
}

ul#menu li span {
width: 170px;
color: #f8cc00;
text-align: left;
padding: 0;
}

/*
ul#menu li#jedna span {
background: url("../grafika/menu1.jpg") no-repeat center right;
}

ul#menu li#dva span {
background: url("../grafika/menu2.jpg") no-repeat center right;
}

ul#menu li#tri span {
background: url("../grafika/menu3.jpg") no-repeat center right;
}

ul#menu li#ctyri span {
background: url("../grafika/menu4.jpg") no-repeat center right;
}

ul#menu li#pet span {
background: url("../grafika/menu5.jpg") no-repeat center right;
}

ul#menu li#sest span {
background: url("../grafika/menu6.jpg") no-repeat center right;
}

ul#menu li#sedm span {
background: url("../grafika/menu7.jpg") no-repeat center right;
}
*/


ul#menu li#jedna span {
background: url("../grafika/menu1.jpg") no-repeat center right;
}

ul#menu li#dva span {
background: url("../grafika/menu7.jpg") no-repeat center right;
}

ul#menu li#tri span {
background: url("../grafika/menu2.jpg") no-repeat center right;
}

ul#menu li#ctyri span {
background: url("../grafika/menu3.jpg") no-repeat center right;
}

ul#menu li#pet span {
background: url("../grafika/menu4.jpg") no-repeat center right;
}

ul#menu li#sedm span {
background: url("../grafika/menu7.jpg") no-repeat center right;
}

ul#menu li#sest span {
background: url("../grafika/menu7.jpg") no-repeat center right;
}


ul#menu li#devet span {
background: url("../grafika/menu7.jpg") no-repeat center right;
}

ul#menu li#osm span {
background: url("../grafika/menu2.jpg") no-repeat center right;
}

/*** obsah ***/

ul#jazyky,
ul#jazyky2 {
width: 90px;
height: 40px;
margin: 0;
padding: 0 0 0 374px;
text-align: right;
background: black url("../grafika/content.jpg") repeat-y top left;
float: left;
}

ul#jazyky2 {
padding-left: 632px;
float: right;
}

ul#jazyky li,
ul#jazyky2 li {
list-style: none;
width: 45px;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
font-size: 90%;
text-align: center;
background: url("../grafika/divider.jpg") no-repeat top left;
text-transform: uppercase;
color: white;
display: block;
float: left;
}

ul#jazyky a, ul#jazyky a:visited,
ul#jazyky2 a, ul#jazyky2 a:visited {
color: #36aadc;	
}

ul#jazyky a:hover, ul#jazyky a:active, ul#jazyky a:focus,
ul#jazyky2 a:hover, ul#jazyky2 a:active, ul#jazyky2 a:focus{
color: #f8cc00;
}

#stred, #stred2 {
width: 394px;
padding: 0 35px;
min-height: 815px;
_height: 815px;
background: black url("../grafika/content.jpg") repeat-y top left;
float: left;
}

#stred2 {
width: 652px;
float: right;
}

#right {
width: 218px;
padding: 0 20px;
float: right;
}

.vpravo {
width: 165px;
padding-left: 25px;
float: right;
}

.vlevo {
width: 178px;
padding-right: 25px;
border-right: 1px solid #154357;
float: left;
}

.margin {
margin-top: 20px;
}

a.vice, a.vice:visited {
display: block;
margin-top: 10px;
padding-left: 20px;
font-size: 90%;
background: url("../grafika/arrow.jpg") no-repeat center left;
color: #2a8bbd;
float: right;
}

a.vice:hover, a.vice:focus, a.vice:active {
color: #f8cc00;
}

/** ukazky **/

.galerie a img {
border: 1px solid white;
}

.galerie a, .galerie a:visited {
background: url("../grafika/photo.jpg") no-repeat bottom left;
padding: 0 0 13px 13px;
margin: 0 16px 20px 0;
display: inline-block;
}

.galerie a:hover img, .galerie a:focus img, .galerie a:active img {
border: 1px solid #f8cc00;
}

.galerie a.last {
margin-right: 0 !important;
}


.galerie.lokality a {
float: left !important;
}

#stred2 .galerie {
margin-top: 30px;
}

#stred2 .galerie.lokality {
margin-top: 20px;
}

#stred2 .galerie a, #stred2 .galerie a:visited {
margin: 0 11px 20px 0;
}

/* bocni panel kurzy */

.nadpis_kurzu {
padding-left: 50px;
height: 40px;
background: url("../grafika/course.jpg") no-repeat top left;
margin: 30px 0 10px;
}

#stred2 .nadpis_kurzu, .order_form {
background: url("../grafika/course2.jpg") no-repeat top left;
}

.first {
margin-top: 0;
}

#right h3 {
font-weight: bold;
font-size: 100%;
text-transform: none;
margin: 0 0 5px 0;
}


/* bocni contact */

#contact {
width: 168px;
height: 100px;
padding: 16px 0 0 50px;
margin: 0;
line-height: 240%;
background: url("../grafika/contact.png");
}

/*** formulár ***/

fieldset {
background: url("../grafika/form-bg.jpg") repeat-y;
margin-bottom: 10px;
}

#form_top {
background: url("../grafika/form-top.jpg") no-repeat top left;
}

#form_bottom {
width: 354px;
padding: 20px 20px 10px;
background: url("../grafika/form-bottom.jpg") no-repeat bottom left;
}
input {
width: 242px;
height: 14px;
border: 1px solid #00b2ff;
background: white;
margin-bottom: 10px;
float: left;
}

.short {
width: 60px;
}

input#send {
width: 85px;
height: 23px;
line-height: 23px;
float: right;
text-align: center;
font-weight: bold;
text-transform: uppercase;
border: 0;
padding: 0;
background: url("../grafika/order.jpg");
color: black;
}

textarea {
width: 242px;
height: 100px;
border: 1px solid #00b2ff;
background: white;
margin-bottom: 10px;
float: left;
}

label {
width: 104px;
color: white;
padding-top: 3px;
margin-bottom: 10px;
display: block;
float: left;
}

.small {
font-size: 90%;
}

.vacancy {
width: 77px;
float: left;
}

a.zpet, a.zpet:visited {
padding-left: 18px;
background: url("../grafika/back.jpg") no-repeat center left;
font-size: 90%;
color: #2a8bbd;
float: left;
display: block;
margin-top: 10px;
}

a.zpet:hover, a.zpet:focus, a.zpet:active {
color: #f8cc00;
}

/* links */

ul#odkazy {
margin: 0;
padding: 0;
}

ul#odkazy li {
list-style: none;
margin: 0;
padding: 10px 0 20px 20px;
background: url("../grafika/arrow.jpg") no-repeat 0 12px;
}

.price {
padding-left: 50px;
}

/* contact */

#kontakt {
width: 344px;
height: 85px;
padding: 15px 0 15px 50px;
margin: 0;
background: url("../grafika/kontakt.jpg") no-repeat;
}

#one {
width: 161px;
line-height: 240%;
margin: 0;
float: left;
}

.polozka {
width: 120px;
color: #00b2ff; 
float: left;
}

.team_bg {
background: url("../grafika/box-bg.jpg") repeat-y;
}

.team_top {
width: 364px;
padding: 15px;
background: url("../grafika/box-top.jpg") no-repeat top left;
}

.team_top img {
border: 1px solid #35a7da;
margin-right: 20px;
float: left;
}

.instructor {
width: 235px;
height: 115px;
border-left: 1px solid #154357;
padding-left: 20px;
float: right;
}

.phone {
padding-left: 25px;
background: url("../grafika/phone.jpg") no-repeat center left;
}

.email {
padding-left: 25px;
background: url("../grafika/email.jpg") no-repeat center left;
}

.bests_bg {
background: url("../grafika/form-bg.jpg") repeat-y;
margin-bottom: 20px; 
}

.bests_top {
background: url("../grafika/box-middle.jpg") no-repeat top left;
}

.bests_bottom {
width: 364px;
padding: 25px 15px 15px 15px;
background: url("../grafika/form-bottom.jpg") no-repeat bottom left;
}

tr.dark td {
background: #021d3a;
}

td.value {
text-align: right;
font-weight: bold;
}

/* freediving */ 

#prepinac {
font-size: 120%;
font-weight: bold;
}

#prepinac h2 {
display: inline;
font-size: 100%;
}

#prepinac a, #prepinac a:visited {
color: #00b2ff; 
}

#prepinac a:hover, #prepinac a:active, #prepinac a:focus {
color: #f8cc00; 
}

#disciplins h3 {
padding-left: 20px;
background: url("../grafika/arrow.jpg") no-repeat center left;
margin: 30px 0 20px;
}

#disciplins img {
border: 1px solid #35a7da;
margin-left: 20px;
float: right;
}


/* courses */

#half1 {
width: 305px;
padding-right: 20px;
float: left;
margin-top: 20px;
border-right: 1px solid #154357;
}

#half2 {
width: 306px;
padding-left: 20px;
margin-top: 20px;
float: right;
}

#half2 h2, #half1 h2 {
margin-top: 0;
}

.cena {
float: right;
}

.den {
color: #f8cc00; 
float: left;
}

a.order {
background: url("../grafika/arrow.jpg") no-repeat center left;
padding-left: 20px;
}

.kurz_bg {
background: url("../grafika/kurz-bg.jpg") repeat-y;
}

.kurz_top {
width: 622px;
padding: 15px 15px 5px 15px;
background: url("../grafika/kurz-top.jpg") no-repeat top left;
}

.kurz_bg_2 {
background: url("../grafika/kurz-bg-2.jpg") repeat-y;
margin-bottom: 20px; 
}

.kurz_middle {
background: url("../grafika/kurz-middle.jpg") no-repeat top left;
}

.kurz_bottom {
width: 622px;
padding: 25px 15px 15px 15px;
background: url("../grafika/kurz-bottom.jpg") no-repeat bottom left;
}

.kurz_top p {
width: 382px;
line-height: 160%;
float: left;
}

.contents {
width: 200px;
padding-left: 20px;
border-left: 1px solid #154357;
float: right;
}

.contents h4 {
padding: 0;
background: none;
color: #f8cc00; 
}

.kurz_middle h4 {
color: #f8cc00; 
}

.contents ul {
margin: 0;
}

.contents li {
margin: 0;
padding: 3px 0 3px 15px;
background-position: 0 7px;
}

.center {
text-align: center;
}


/* paticka */

#paticka,
#paticka2 {
width: 624px;
height: 210px;
padding: 45px 0 0 360px;
color: black;
font-size: 90%;
position: relative;
float: left;
background: url("../grafika/foot.png") no-repeat 262px 0;
_background: url("../grafika/foot.png") no-repeat 263px 0;
}

#paticka2 {
width: 484px;
padding: 45px 0 0 500px;
background: url("../grafika/foot2.png") no-repeat 262px 0;
_background: url("../grafika/foot2.png") no-repeat 263px 0;
}

#paticka a,
#paticka2 a {
color: white;
}

#paticka a:visited,
#paticka2 a:visited {
color: black;
}

#paticka a:hover, #paticka a:active, #paticka a:focus,
#paticka2 a:hover, #paticka2 a:active, #paticka2 a:focus {
color: #f8cc00;
}

.oddelovac {
padding: 0 7px;
color: #f8cc00;
}

.oddelovac2 {
padding: 0 7px;
color: white;
}

#freediver {
width: 262px;
height: 544px;
background: url("../grafika/freediver.png");
position: absolute;
left: 0;
top: -524px;
z-index: 50;
}