/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body,td,th {font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #656664;}
body {background: #F2F2F2;	margin: 0px; padding: 0px;}

a {color: #ff8f17; text-decoration: underline;}
a:hover {color: Navy; text-decoration: none;}

p, div, ul, ol, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
li {list-style: circle;}
ol li {list-style: decimal;}
img {border: none;}
label {cursor: pointer;}
li.noDisc { list-style: none;}


/******************************************
*                 NADPISY                 *
******************************************/
h1,h2,h3,h4,h5,h6 {color: #838383; text-align: left; font-weight: bold; padding: 0px; margin: 0px;}
h1 {font-size: 150%; font-style: italic; margin: 15px 0 0 15px;}
h1 span {color: #00aff2; background: url(../img/bg_odtrh_h1.gif) no-repeat; font-size: 80%; font-style: normal; margin-top: 2px; padding-top: 4px; display: block;}
h2 {font-size: 140%; letter-spacing: -1px; margin-bottom: 10px;}
h3 {color: #B5B5B5; font-size: 130%; letter-spacing: -1px; margin: 15px 0 0 0;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #000; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;}
input {padding-left: 1px; padding-right: 1px;}
.butt { color: #DCDCDC; font-weight: bold;}
.miniButt { background: url(../img/mini_butt.gif); border: none; cursor: pointer; width: 18px; height: 19px;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS {width: 50px;}
.sizeSm {width: 75px;}
.sizeM {width: 100px;}
.sizeMl {width: 125px;}
.sizeL {width: 150px;}
.sizeLl {width: 175px;}
.sizeXl {width: 200px;}
.sizeXxl {width: 225px;}
.sizeXxxl {width: 250px;}
.sizeMax1 {width: 349px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}

.formButt { border: none; background: url(../img/butt_form.gif) no-repeat; width: 20px; height: 20px; cursor: pointer;}


/******************************************
*             FORMULAR STYLE              *
******************************************/
form {}
form div { padding: 5px; clear: both;}
form div label { border-right: 1px solid #EBEBEB; text-align: right; width: 120px; padding-right: 10px; margin-right: 10px; margin-top: 3px; display: block; float: left;}

/******************************************
*             FORMULAR STYLE              *
******************************************/
.contForm  { margin: 10px 0 0 0;}
.contForm  label { line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;}
.contForm  label span { border-right: 1px solid #DCDCDC; text-align: right; width: 105px; w\idth: 90px; padding: 0 10px 0 0; margin-right: 10px; display: block; float: left;}
.contForm .buttPole {}
.contForm .buttPole span { height: 22px; width: 105px; w\idth: 90px; padding: 0 15px 0 0; margin-right: 5px; display: block; float: left;}
.contForm .buttPole .butt { color: #000; width: 165px;}


.buttMini { border: none; color: #fff; background: url(../img/bg_but_newsl.gif) no-repeat; font-weight: bold; width: 27px; height: 22px; cursor: pointer;}
.buttBig { border: none; color: #fff; background: url(../img/bg_butt_big.gif) no-repeat; font-weight: bold; width: 115px; height: 22px; cursor: pointer;}


/******************************************
*                 TABULKY                 *
******************************************/
table { border: solid 1px #DCDCDC; border-top: 3px solid #DCDCDC; border-bottom: 3px solid #DCDCDC; border-collapse: collapse; padding: 0px; margin: 10px 0;}
table.colorTable th { color: #fff; background: #DCDCDC;  border-left: solid 1px #FFF;}
table th { text-align: center; padding: 4px;}
table td { border: solid 1px #DCDCDC; padding: 4px;}
table tr.bg { background: #FEF8F3;}
table.noBord td { border: none;}
/*** klasicka tabulka s okrajem *********************************/
table.bord { border: 1px solid #DCDCDC; border-top: 3px solid #DCDCDC; border-bottom: 3px solid #DCDCDC; /*width: 465px;*/}
table.bord td { border: 1px solid #DCDCDC; vertical-align: top;}
table.bord th { border: 1px solid #DCDCDC; /*border-left: solid 1px #FFF; border-right: solid 1px #FFF;*/ color: #fff; background: #B7B7B7;}
table.bord th.thTop { color: #4d4d4d; background: #F6C293; text-align: left;}
table.bord th.thLeft { color: #4d4d4d; background: #F7D7BD; text-align: left;}
/*** radkova tabulka *******************************************/
table.line { background: #fff; border-top: 3px solid #DCDCDC; border-bottom: 3px solid #DCDCDC; border-left: none; border-right: none; /*width: 465px;*/}
table.line th { color: #000; border: none; border-bottom: solid 2px #DCDCDC; }
table.line td { border: none; border-bottom: 1px solid #DCDCDC; vertical-align: top; font-weight: normal;}
table.line td a { text-decoration: none;}
table.line td a:hover { text-decoration: underline;}
/*** tabulka BEZ OKRAJE *********************************/
table.none { border: none;}
/*** obsahova tabulka *******************************************/
table.contTable2 { border: none;}
table.contTable2 td { border: none; vertical-align: top; width: 31%; padding: 1%;}
table.contTable2 td h3 { color: #fff; padding: 10px; margin: 0px; line-height: 100%; height: 30px;}
table.contTable2 td .imgBox { width: 222px; height: 100px; margin: 10px 0; overflow: hidden;}
table.contTable2 td p { color: #F2F2F2;}
table.contTable2 td li { color: #F2F2F2;}
table.contTable2 td a { color: #FFF;}
table.contTable2 td p.next { font-weight: bold; border-top: solid 1px  #fff; padding: 10px 0 0 0; margin-top: 10px;}
table.contTable2 td a:hover { color: #fff; text-decoration: none;}
table.contTable2 td .odBl { padding: 5px 5px 10px 5px; margin: 0 5px;}


/******************************************
*            DEF. LAYOUT BLOCK            *
******************************************/
.bgBox { padding: 15px; margin: 15px 0 5px 0;}
.bgBox h2 { border-bottom: solid 1px #fff; padding-bottom: 5px;}
.bgBox p { margin: 5px 0; line-height: 140%;}
.bgBox p.odtrh { background: url(../img/ico_odtrh_light.gif) no-repeat 0px 2px; line-height: 160%; padding-left: 20px;}
#colLeft .bgBox table { width: 500px;}
.bgBox ul, .bgBox ol { margin: 5px 0;}
.bgBox .fotoGall { background: #EBEBEB; border-top: solid 3px #dcdcdc; border-bottom: solid 3px #dcdcdc; width: 500px;}
.bgBox .fotoGall a { border: solid 1px #BCBDC0; background: #fff; /*width: 108px;*/ height: 80px; margin: 10px 0 10px 12px; display: block; overflow: hidden; float: left;}
.bgBox .fotoGall a:hover { border: 1px solid #FF8F17; /*background: #fff; width: 108px; height: 80px; margin: 10px 0 0 12px; display: block; overflow: hidden; float: left;*/}


.transp { border: solid 1px #ebebeb;}
.transp h2 { border-color: #EBEBEB;}
.light { border: 1px solid #E2E2E2; background: #EBEBEB;}
.dark { border: solid 1px #e2e2e2; background: #BCBDC0;}
.dark h2 { color: #fff;}
.dark p { color: #fff;}

.threeCol { background: url(../img/bg_col_teck.gif) repeat-y 155px 0px; width: 31%; padding-right: 3%; float: left;}
.threeCol.end { background: none; width: 31%; padding-right: 0%; float: left;}
.threeCol p {}
.threeCol p a { color: #fff; text-decoration: none; line-height: 140%;}
.threeCol p a:hover { text-decoration: underline;}
.threeCol p strong { display: block;}

.infoBox { background: url(../img/ico_info.gif) no-repeat; padding: 0 0 15px 35px; margin: 15px 0 5px 15px;}
.infoBox p { font-weight: bold;}

.infoBox2 { border: solid 1px #BCBDC0; padding: 10px 15px; margin: 0px 0 10px 0;}
.infoBox2 h2 { background: url(../img/odtrh_h2_box.gif) no-repeat left bottom; color: #000; font-size: 120%; line-height: 100%; letter-spacing: -1px; padding: 0px 0 7px 35px; margin-bottom: 5px;}
.infoBox2 p { color: #000; line-height: 140%;}
.infoBox2 table { border: none; padding: 0px; margin: 0px;}
.infoBox2 table td { border: none; padding: 0 2px;}

.infoBox2#otevDoba {background: url(../img/ico_otevd.gif) no-repeat 15px 10px; border-bottom: solid 5px #BCBDC0;}
.infoBox2#otevDoba td { color: #000;}

.infoBox2#anketa {background: url(../img/ico_anket.gif) no-repeat 15px 10px;}
.infoBox2#anketa div {background: #00AFF2; height: 8px; line-height: 8px; font-size: 8px;}
.infoBox2#anketa p { line-height: 100%;}

.infoBox2#rezerv {background: url(../img/ico_rezerv.gif) no-repeat 15px 10px; padding: 0px;}
.infoBox2#rezerv h2 { padding: 10px 0 7px 50px; margin-bottom: 5px;}
.infoBox2#rezerv #rezform { padding: 0px;}
.infoBox2#rezerv #rezform div { padding: 0px; margin: 0px;}
.infoBox2#rezerv #rezform .rows p { width: 50px; float: left; margin-left:15px;}
.infoBox2#rezerv #rezform .rows input { width: 80px; float: left; }
.infoBox2#rezerv #rezform .rows input.miniButt { width: 18px; float: left;}
.infoBox2#rezerv .footForm,  .infoBox2#rezerv #rezform .footForm {background: #FF8F17; margin: 0px; padding: 5px 15px !important;
	margin-top:8px;
}
.infoBox2#rezerv .footForm a { color: #fff; margin-left:15px; }
.infoBox2#rezerv p {line-height: 120%;}

#colLeft .infoBox2#rezerv h2 { border: none; background: url(../img/odtrh_h2_box.gif) no-repeat left bottom; padding: 20px 15px 10px 50px; margin-right: 15px;}

#colLeft .infoBox2#contForm {background: url(../img/ico_rezerv.gif) no-repeat 15px 10px; padding: 0px;}
#colLeft .infoBox2#contForm h2 { border: none; background: url(../img/odtrh_h2_box.gif) no-repeat left bottom; padding: 20px 15px 10px 50px; margin-right: 15px;}
#colLeft .infoBox2#contForm div { padding: 0px; margin: 0px;}
#colLeft .infoBox2#contForm .rows p { width: 50px; float: left;}
#colLeft .infoBox2#contForm .rows p { width: 50px; float: left;}
#colLeft .infoBox2#contForm #kontakt { padding-top: 5px;}
#colLeft .infoBox2#contForm #kontakt .rows p { width: 90px; float: left; margin-left:15px;}
#colLeft .infoBox2#contForm #kontakt .rows input { width: 80px; float: left;}
#colLeft .infoBox2#contForm .footForm {background: #FF8F17; margin: 0px; padding: 5px 15px;
	margin-top:8px;
}
#colLeft .infoBox2#contForm .footForm .rows p { width: 90px; float: left;}
#colLeft .infoBox2#contForm .footForm  input{ float: left;}





/******************************************
*            DEF. LAYOUT BLOCK            *
******************************************/
#topBann { background: #EBEBEB; padding: 10px 0;}
.clear {clear: both; line-height: 1px;	font-size: 1px; padding: 0px;	margin: 0px;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px;	margin: 0px;}
.flLeft {float: left;}
.flRight {float: right;}
.center { margin: 0 auto;}
.pozor {	color: Red;}
.flLeftImg { border: solid 1px #BCBDC0; margin-right: 5px; margin-bottom: 5px; float: left;}
.flRightImg { border: solid 1px #BCBDC0; margin-left: 5px; margin-bottom: 5px; float: right;}

.odtrzBG { background: url(../img/bg_line.gif) repeat-x left center; clear: both;}
.odtrzBG2 { background: url(../img/bg_line2.gif) repeat-x left center; clear: both;}
.odtrzBG3 { background: url(../img/bg_line2.gif) repeat-x 0px -5px; border-top: 3px solid #F7D7BD; margin: 15px 0; padding: 0px; clear: both;}
html>body .odtrzBG3 { background: url(../img/bg_line2.gif) repeat-x 0px -8px;}

.sS { font-size: 6px; height: 6px;}
.sM { height: 20px;}
.sL { height: 30px;}

.date { color: #838383; font-size: 110%; letter-spacing: -1px;}
.position { width: 1px; /*font-size: 0px; height: 0px; line-height: 0px;*/ position: relative;}
#mapa { border: solid 1px;	position: absolute; z-index: auto; left: 280px; top: 10px;}

ul { padding-left: 15px;}
ol { padding-left: 20px;}
ul li { margin-bottom: 5px;}
ol li { margin-bottom: 5px;}

ul.mapaWebu {}
ul.mapaWebu li.noDisc { list-style: none;}

#main { background: #bcbdc0; width: 780px; margin: 0 auto;}

/******************************************
*                 HEAD                   *
******************************************/
#head { background: #fff;}
#head #flash {    width: 530px; height: 227px; position: absolute; top: -78px; z-index: auto; /*border: solid 1px #000;*/}
/*#head #flash {	width: 530px; height: 227px; position: absolute; top: -73px; z-index: auto; }*/
#head #imgHead { background: url(../img/bg_head_img.jpg); width: 530px; height: 144px; padding-top: 113px;}
#head #imgHead a#logo { text-decoration: none; width: 149px; height: 80px; display: block; /*background: Aqua;*/}

#menu { background: #EBEBEB; border: solid 1px #ebebeb; border-top: solid 6px #BCBDC0; /*width: 530px;*/ height: 29px; margin-top: 1px;}
#menu a { color: #666; background: url(../img/menu_delitko.gif) no-repeat right bottom; /*letter-spacing: -1px; font-size: 120%; font-weight: bold;*/ text-decoration: none; height: 22px; padding: 7px 10px 0 10px; display: block; float: left;}
#menu a.act { color: #ff8f17; border-bottom: solid 3px #ff8f17; background: #D9D9DB; font-weight: bold; height: 19px;}
#menu a:hover { color: #fff; border-bottom: solid 3px #fff; background: #BCBDC0; height: 19px;}



/******************************************
*             HLAVNI OBSAH                *
******************************************/
#cont { text-align: left; background: #fff; width: 750px; padding: 0 14px; margin: 0 auto;}

#topLista { height: 34px;}
#topLista h2 { color: #fff; padding: 7px 0 0 15px;}
#topLista #topH2 { background: url(../img/bg_toph2.jpg) no-repeat left top; width: 212px; height: 27px; float: left;}
#cont.homeBg #topLista #submenu { background: url(../img/bg_submenu.jpg) no-repeat left top; width: 521px; height: 34px; padding: 0px; float: right;}
#cont #topLista #submenu { background: url(../img/bg_submenu2.jpg) no-repeat left top; width: 728px;  height: 34px; padding: 0 0 0 20px; float: right;}
#topLista #submenu a { color: #62445a; font-size: 115%; font-weight: bold; letter-spacing: -1px; text-decoration: none; line-height: 34px; display: block; float: left;}
#topLista #submenu a.act { color: #fff;}
#topLista #submenu a:hover { color: #fff; text-decoration: underline;}
#topLista #submenu span { color: #FEF2FA; background: url(../img/delitko_submenu.jpg) no-repeat center top; line-height: 34px; padding: 0 7px; display: block;  float: left;}

/******************************************
*             LEVY SLOUPEC                *
******************************************/
#colLeft { width: 530px; float: left;}



/******************************************
*             RIGHT SLOUPEC               *
******************************************/
#colRight { width: 210px; float: right;}
#colRight #topMenu { color: white; background: #FF8F17 /*url(../img/ico_topmenu.gif) no-repeat center center*/; text-align: center; height: 28px; padding: 11px 0 0 0px; margin-bottom: 1px;}
#colRight #topMenu a { text-decoration: none; width: 17px; height: 17px; margin: 0 0px; /*display: block; float: left;*/ color: white;}
#colRight #topMenu a.selected {font-weight: bold;}
#colRight #topMenu a:hover {/*background: #fff;*/ color:white; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4;}

#colRight #defMenu {background: #BCBDC0 url(../img/bg_def_menu.gif) repeat-y 15px 5px; padding: 6px 0;}
#colRight #defMenu a { color: #fff; letter-spacing: -1px; font-weight: bold; font-style: italic; text-decoration: none; font-size: 140%; padding: 8px 0 9px 40px; margin: 0 15px 1px 15px; display: block; /*filter: alpha(Opacity=30); -moz-opacity: 0.3;*/}
#colRight #defMenu a:hover { color: #dcdcdc; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7;}
#colRight #defMenu a.act{ color: Navy; /*filter: alpha(Opacity=30); -moz-opacity: 0.3;*/}
#colRight #defMenu a#rezDr {background: url(../img/ico_rez_dr.gif) no-repeat;}
#colRight #defMenu a#higSc {background: url(../img/ico_hig_sc.gif) no-repeat;}
#colRight #defMenu a#cen {background: url(../img/ico_cen.gif) no-repeat;}
#colRight #defMenu a#rest {background: url(../img/ico_rest.gif) no-repeat;}
#colRight #defMenu a#turn {background: url(../img/ico_turn.gif) no-repeat;}
#colRight #defMenu a#turn2 {background: url(../img/ico_turn.gif) no-repeat;}
#colRight #defMenu a#turn3 {background: url(../img/ico_turn.gif) no-repeat;}
#colRight #defMenu a#vyslTurn {background: url(../img/ico_vyslturn.gif) no-repeat;}
#colRight #defMenu a#vip {background: url(../img/ico_vip.gif) no-repeat;}
#colRight #defMenu a#hist {background: url(../img/ico_hist.gif) no-repeat;}
#colRight #defMenu a#kar {background: url(../img/ico_kar.gif) no-repeat;}
#colRight #defMenu a.subm { color: #fff; letter-spacing: 0px; font-weight: bold; font-style: italic; text-decoration: none; font-size: 120%; padding: 9px 0 10px 40px; margin: 0 15px 1px 15px; display: block; /*filter: alpha(Opacity=30); -moz-opacity: 0.3;*/}
#colRight #defMenu a.subm.act { color: Navy;}



/******************************************
*                FOOTER                   *
******************************************/
#footer { background: #fff; margin-top: 10px;}

#topFoot { background: url(../img/bg_top_foot.gif) repeat-x; height: 100px;}
#topFoot #fotoButt { border: none; background: url(../img/butt_fotogall.gif) no-repeat; width: 29px; height: 99px; margin: 0px; display: block;}
#fotoGall { width: 530px; float: left;}
#fotoGall a { border: solid 1px #BCBDC0; background: #fff; /*width: 108px;*/ height: 80px; margin: 10px 0 0 12px; display: block; overflow: hidden; float: left;}
#fotoGall a:hover { border: 1px solid #FF8F17;}
#footKont { color: #fff; background: #01aff2; width: 180px; height: 69px; padding: 15px; float: right;}

#bottFoot {	border-top: solid 6px #BCBDC0; padding: 6px 0;}
#footLogo { background: url(../img/logo_foot.gif) no-repeat; text-decoration: none; width: 52px; height: 28px; display: block; float: left;}
#footMenu { padding: 10px 0 0 20px; float: left;}
#footMenu a { color: #666; text-decoration: none; margin-right: 10px; float: left;}
#footMenu a:hover { color: #FF8F17; text-decoration: underline;}
#copyr { padding: 10px 0 0 0;	float: right;}




/******************************************
*            STUPNE VITEZU                *
******************************************/
#stupne {background: url(../img/bg_img_poradi.gif) no-repeat center bottom; padding-bottom: 147px; margin: 10px 0;}
#stupne table {width: 400px; margin: 0 auto;}
#stupne table td { text-align: center;}
#stupne table td .topPlayer { color: #000; border: solid 1px #EBEBEB; text-align: center;}
#stupne table td .topPlayer strong { font-size: 120%;}
.dr 	{ color: #000; font-weight: bold; display: block; padding: 2px 5px;}
.dr01 {background: Yellow; color: #000; font-weight: bold; display: block; padding: 2px 5px;}
.dr02 {background: Lime; color: #000; font-weight: bold; display: block; padding: 2px 5px;}
.dr03 {background: #00BFFF; color: #000; font-weight: bold; display: block; padding: 2px 5px;}
.dr04 {background: #FFE4B5; color: #000; font-weight: bold; display: block; padding: 2px 5px;}
.dr05 {background: #DCDCDC; color: #000; font-weight: bold; display: block; padding: 2px 5px;}
.dr06 {background: #EE82EE; color: #000; font-weight: bold; display: block; padding: 2px 5px;}


/**
    Pridano pepiino
*/

.strankovani {text-align:center;}
.obrazek_levy {float:left; margin: 5px;}
.infobox, .error{
	font-weight:bold;
	margin: 10px 15px !important;
}
.error {
	color: red !important;
}

.lighter {
	color: #B5B5B5;
}

table.galerie {
	border:none;
	text-align:center;
}

table.galerie td {
	border:none;

}

a.greyLink, a.greyLink:hover {
	color:#656664;
	text-decoration:none;
}

table.obsazovacka {
	table-layout: fixed;
}

table.obsazovacka tr td {
	width: 16%;
	overflow:hidden;
		
}

#footKont a {
	color: white;
}

p#gps {
	position: absolute;
	left: 280px;
	top: 145px;
	width:220px;
	text-align: center;
}