html, body {height: 100%; padding: 0 0 0 0; margin: 0 0 0 0;}
body {background-image: url('02_01.gif'); /* BARVA B1 */ background-position: top; background-repeat: repeat-x; text-align: center; font-family: helvetica CE, Myriad Web, Verdana, Arial, sans-serif; font-size: 12px;}
a {color: #000000;} 
h1 {font-size: 32px;} 
p {line-height: 120%; text-align: justify; margin: 0 0 5px 0;} 
img {border: 0;}
#stranka {background-image: url('02_01.gif'); /* BARVA B1 */ background-position: top; background-repeat: repeat-x; width: 100%; height: auto; min-height: 100%; _height: 100%; /*IE */ text-align: justify; margin: 0 auto; position: relative;}
#stranka.B2 {background-image: url('02_02.gif');}
#stranka.B3 {background-image: url('02_03.gif');}
#stranka.B4 {background-image: url('02_04.gif');}
#stranka.B5 {background-image: url('02_05.gif');}
#stranka.B6 {background-image: url('02_06.gif');}
#stranka.B7 {background-image: url('02_07.gif');}
#stranka-obsah {width: 90%; max-width: 1024px; min-width: 800px; margin: 0 auto; text-align: left; padding: 0 0 65px 5px; /* vyska paticka */}
#hlavicka {height: 91px;}
#logo {position: absolute; top: 13px; height: 67px; width: 307px; border: 0;}
#search {margin: 38px 0 0 0; height: 30px; float: right; text-align: center;}
#motto {position: absolute; font-size: 11px; top: 8px; left: 0; width: 100%; text-align: center;}
#zaltop {position: absolute; top: 0; right: 25px; z-index: +3;} 
#drobecek {height: 29px; line-height: 29px; vertical-align: middle;}
h1#nadpis {margin: 20px 0 7px 0; vertical-align: bottom; text-align: center;} 
h2#nadpis {margin: 0; vertical-align: top; text-align: center; font-size: 24px;} 
.P100 {margin: 15px 0 0 0; width: 100%;}
.P111, .P113 {width: 10px; height: 37px; background-repeat: no-repeat;}
.P111 {background-image: url('62_01.gif');} 
.B2 .P111 {background-image: url('62_02.gif');}
.B3 .P111 {background-image: url('62_03.gif');}
.B4 .P111 {background-image: url('62_04.gif');}
.B5 .P111 {background-image: url('62_05.gif');}
.B6 .P111 {background-image: url('62_06.gif');}
.B7 .P111 {background-image: url('62_07.gif');}
.P113 {background-image: url('66_01.gif');}
.B2 .P113 {background-image: url('66_02.gif');}
.B3 .P113 {background-image: url('66_03.gif');}
.B4 .P113 {background-image: url('66_04.gif');}
.B5 .P113 {background-image: url('66_05.gif');}
.B6 .P113 {background-image: url('66_06.gif');}
.B7 .P113 {background-image: url('66_07.gif');}
.P112 {height: 37px; font-size: 13px; vertical-align: top; line-height: 30px; text-align: center; background: #C1C1C1 url('65_01.gif') repeat-x; /* BARVA */}
.P112 a {font-size: 13px;}
.B2 .P112 {background: #FF6699 url('65_02.gif') repeat-x;}
.B3 .P112 {background: #3399FF url('65_03.gif') repeat-x;}
.B4 .P112 {background: #66CC66 url('65_04.gif') repeat-x;}
.B5 .P112 {background: #FFCC66 url('65_05.gif') repeat-x;}
.B6 .P112 {background: #CC9966 url('65_06.gif') repeat-x;}
.B7 .P112 {background: #CC99CC url('65_07.gif') repeat-x;} 
.P131, .P133 {width: 10px; height: 36px; background-repeat: no-repeat;}
.P131 {background-image: url('76_01.gif');}
.B2 .P131 {background-image: url('76_02.gif');}
.B3 .P131 {background-image: url('76_03.gif');}
.B4 .P131 {background-image: url('76_04.gif');}
.B5 .P131 {background-image: url('76_05.gif');}
.B6 .P131 {background-image: url('76_06.gif');}
.B7 .P131 {background-image: url('76_07.gif');}
.P133 {background-image: url('80_01.gif');}
.B2 .P133 {background-image: url('80_02.gif');}
.B3 .P133 {background-image: url('80_03.gif');}
.B4 .P133 {background-image: url('80_04.gif');}
.B5 .P133 {background-image: url('80_05.gif');}
.B6 .P133 {background-image: url('80_06.gif');}
.B7 .P133 {background-image: url('80_07.gif');}
.P132 {font-size: 13px; vertical-align: bottom; line-height: 30px; text-align: center; background: #C1C1C1 url('77_01.gif') repeat-x; height: 36px;}
.B2 .P132 {background: #FF6699 url('77_02.gif') repeat-x;}
.B3 .P132 {background: #3399FF url('77_03.gif') repeat-x;}
.B4 .P132 {background: #66CC66 url('77_04.gif') repeat-x;}
.B5 .P132 {background: #FFCC66 url('77_05.gif') repeat-x;}
.B6 .P132 {background: #CC9966 url('77_06.gif') repeat-x;}
.B7 .P132 {background: #CC99CC url('77_07.gif') repeat-x;}
.P200, .P200c {margin: 15px 0 5px 0; width: 100%;}
.P211, .P213 {width: 10px; height: 40px; background-repeat: no-repeat;}
.P211 {background-image: url('18_01.gif');} 
.B2 .P211 {background-image: url('18_02.gif');}
.B3 .P211 {background-image: url('18_03.gif');}
.B4 .P211 {background-image: url('18_04.gif');}
.B5 .P211 {background-image: url('18_05.gif');}
.B6 .P211 {background-image: url('18_06.gif');}
.B7 .P211 {background-image: url('18_07.gif');}
.P213 {background-image: url('21_01.gif');}
.B2 .P213 {background-image: url('21_02.gif');}
.B3 .P213 {background-image: url('21_03.gif');}
.B4 .P213 {background-image: url('21_04.gif');}
.B5 .P213 {background-image: url('21_05.gif');}
.B6 .P213 {background-image: url('21_06.gif');}
.B7 .P213 {background-image: url('21_07.gif');}
.P212 {background: #C1C1C1 url('19_01.gif') repeat-x; /* BARVA */ height: 40px; font-size: 13px; line-height: 14px; cursor: n-resize; text-align: left;}
.B2 .P212 {background: #FF6699 url('19_02.gif') repeat-x;}
.B3 .P212 {background: #3399FF url('19_03.gif') repeat-x;}
.B4 .P212 {background: #66CC66 url('19_04.gif') repeat-x;}
.B5 .P212 {background: #FFCC66 url('19_05.gif') repeat-x;}
.B6 .P212 {background: #CC9966 url('19_06.gif') repeat-x;}
.B7 .P212 {background: #CC99CC url('19_07.gif') repeat-x;}
.P221, .P223 {width: 10px; height: 100%; background-repeat: repeat-y;}
.P221 {background-image: url('38_01.gif');}
.B2 .P221 {background-image: url('38_02.gif');}
.B3 .P221 {background-image: url('38_03.gif');}
.B4 .P221 {background-image: url('38_04.gif');}
.B5 .P221 {background-image: url('38_05.gif');}
.B6 .P221 {background-image: url('38_06.gif');}
.B7 .P221 {background-image: url('38_07.gif');} 
.P223 {background-image: url('35_01.gif');}
.B2 .P223 {background-image: url('35_02.gif');}
.B3 .P223 {background-image: url('35_03.gif');}
.B4 .P223 {background-image: url('35_04.gif');}
.B5 .P223 {background-image: url('35_05.gif');}
.B6 .P223 {background-image: url('35_06.gif');}
.B7 .P223 {background-image: url('35_07.gif');}
.P222 {background: #FFFFFF; font-size: 12px; padding-bottom: 5px;}
.P222 ul {padding: 0 0 0 15px; margin: 0 0 0 0;}
.P222 li {margin: 0 0 0 0; list-style-type: circle; line-height: 17px;}
.P222 li.aktual {list-style-type: disc; font-weight: bold;} 
.P231, .P233 {width: 10px; height: 13px; background-repeat: no-repeat;}
.P231 {background-image: url('49_01.gif');}
.B2 .P231 {background-image: url('49_02.gif');}
.B3 .P231 {background-image: url('49_03.gif');}
.B4 .P231 {background-image: url('49_04.gif');}
.B5 .P231 {background-image: url('49_05.gif');}
.B6 .P231 {background-image: url('49_06.gif');}
.B7 .P231 {background-image: url('49_07.gif');}
.P233 {background-image: url('51_01.gif');}
.B2 .P233 {background-image: url('51_02.gif');}
.B3 .P233 {background-image: url('51_03.gif');}
.B4 .P233 {background-image: url('51_04.gif');}
.B5 .P233 {background-image: url('51_05.gif');}
.B6 .P233 {background-image: url('51_06.gif');}
.B7 .P233 {background-image: url('51_07.gif');}
.P232, .P232c {background: url('50_01.gif') repeat-x; height: 13px; font-size: 10px; text-align: right; vertical-align: top;}
.P232c {cursor: n-resize;} 
.B2 .P232, .B2 .P232c {background: url('50_02.gif') repeat-x;}
.B3 .P232, .B3 .P232c {background: url('50_03.gif') repeat-x;}
.B4 .P232, .B4 .P232c {background: url('50_04.gif') repeat-x;}
.B5 .P232, .B5 .P232c {background: url('50_05.gif') repeat-x;}
.B6 .P232, .B6 .P232c {background: url('50_06.gif') repeat-x;}
.B7 .P232, .B7 .P232c {background: url('50_07.gif') repeat-x;}
#vici a {text-decoration: none;} 
#vici u {display: block; margin-top: 3px; width: 100%; text-align: right; font-size: 11px;} 
/* MENU obsah */
ul.uMn {display: block; width: 100%;}
ul.uMn li {float: left; width: 49.9%;/* kvuli MSIE5 */ list-style-type: none;}
ul.uMn li a.mMa {display: block; min-width: 250px; background-image: url('47_01.gif'); /* BARVA */ background-position: center left; background-repeat: no-repeat; padding: 4px 0 0 25px; margin: 2px 6px 0 0;}
.B2 ul.uMn li a.mMa {background-image: url('47_02.gif');}
.B3 ul.uMn li a.mMa {background-image: url('47_03.gif');}
.B4 ul.uMn li a.mMa {background-image: url('47_04.gif');}
.B5 ul.uMn li a.mMa {background-image: url('47_05.gif');}
.B6 ul.uMn li a.mMa {background-image: url('47_06.gif');}
.B7 ul.uMn li a.mMa {background-image: url('47_07.gif');}
/*vyjimky - jina barva jedne složky*/
ul.uMn li.B1 a.mMa {background-image: url('47_01.gif');}
ul.uMn li.B2 a.mMa {background-image: url('47_02.gif');}
ul.uMn li.B3 a.mMa {background-image: url('47_03.gif');}
ul.uMn li.B4 a.mMa {background-image: url('47_04.gif');}
ul.uMn li.B5 a.mMa {background-image: url('47_05.gif');}
ul.uMn li.B6 a.mMa {background-image: url('47_06.gif');}
ul.uMn li.B7 a.mMa {background-image: url('47_07.gif');}
ul.uMn li a.mMa:hover {background-image: url('44_01.gif'); /* BARVA */ background-position: center left; background-repeat: no-repeat;}
.B2 ul.uMn li a.mMa:hover {background-image: url('44_02.gif');}
.B3 ul.uMn li a.mMa:hover {background-image: url('44_03.gif');}
.B4 ul.uMn li a.mMa:hover {background-image: url('44_04.gif');}
.B5 ul.uMn li a.mMa:hover {background-image: url('44_05.gif');}
.B6 ul.uMn li a.mMa:hover {background-image: url('44_06.gif');}
.B7 ul.uMn li a.mMa:hover {background-image: url('44_07.gif');}
/*vyjimky - jina barva jedne složky*/
ul.uMn li.B1 a.mMa:hover {background-image: url('44_01.gif');}
ul.uMn li.B2 a.mMa:hover {background-image: url('44_02.gif');}
ul.uMn li.B3 a.mMa:hover {background-image: url('44_03.gif');}
ul.uMn li.B4 a.mMa:hover {background-image: url('44_04.gif');}
ul.uMn li.B5 a.mMa:hover {background-image: url('44_05.gif');}
ul.uMn li.B6 a.mMa:hover {background-image: url('44_06.gif');}
ul.uMn li.B7 a.mMa:hover {background-image: url('44_07.gif');} 
ul.uMn li ul.sMn {position: absolute; visibility:hidden; border: solid #C1C1C1 1px; /* BARVA */ background-color: #ffffff; padding: 10px; text-align: left; margin: 0 0 0 60px; width: 280px; list-style-type: none; z-index: +10;}
.B2 ul.uMn li ul.sMn {border-color: #FF6699;}
.B3 ul.uMn li ul.sMn {border-color: #3399FF;}
.B4 ul.uMn li ul.sMn {border-color: #66CC66;}
.B5 ul.uMn li ul.sMn {border-color: #FFCC66;}
.B6 ul.uMn li ul.sMn {border-color: #CC9966;}
.B7 ul.uMn li ul.sMn {border-color: #CC99CC;}
/*vyjimky - jina barva jedne složky*/
ul.uMn li.B1 ul.sMn {border-color: #C1C1C1;}
ul.uMn li.B2 ul.sMn {border-color: #FF6699;}
ul.uMn li.B3 ul.sMn {border-color: #3399FF;}
ul.uMn li.B4 ul.sMn {border-color: #66CC66;}
ul.uMn li.B5 ul.sMn {border-color: #FFCC66;}
ul.uMn li.B6 ul.sMn {border-color: #CC9966;}
ul.uMn li.B7 ul.sMn {border-color: #CC99CC;}
ul.uMn li:hover ul.sMn {visibility: visible;}
ul.uMn li ul.sMn li {float: none; width: 100%; padding: 3px 3px 3px 10px; background-image: url('38_01.gif'); /* BARVA B1 */ background-position: center left; background-repeat: no-repeat;}
.B2 ul.uMn li ul.sMn li {background-image: url('38_02.gif');}
.B3 ul.uMn li ul.sMn li {background-image: url('38_03.gif');}
.B4 ul.uMn li ul.sMn li {background-image: url('38_04.gif');}
.B5 ul.uMn li ul.sMn li {background-image: url('38_05.gif');}
.B6 ul.uMn li ul.sMn li {background-image: url('38_06.gif');}
.B7 ul.uMn li ul.sMn li {background-image: url('38_07.gif');}
/*vyjimky - jina barva jedne složky*/
ul.uMn li.B1 ul.sMn li {background-image: url('38_01.gif');}
ul.uMn li.B2 ul.sMn li {background-image: url('38_02.gif');}
ul.uMn li.B3 ul.sMn li {background-image: url('38_03.gif');}
ul.uMn li.B4 ul.sMn li {background-image: url('38_04.gif');}
ul.uMn li.B5 ul.sMn li {background-image: url('38_05.gif');}
ul.uMn li.B6 ul.sMn li {background-image: url('38_06.gif');}
ul.uMn li.B7 ul.sMn li {background-image: url('38_07.gif');}
/* ODKAZY */ 
#odkz ul li {list-style-type: none; margin: 10px 0 0 0; padding: 10px 10px 0 10px; border-top: solid #C1C1C1 1px; /* BARVA B1 */}
.B2 #odkz ul li {border-top-color: #FF6699;}
.B3 #odkz ul li {border-top-color: #3399FF;}
.B4 #odkz ul li {border-top-color: #66CC66;}
.B5 #odkz ul li {border-top-color: #FFCC66;}
.B6 #odkz ul li {border-top-color: #CC9966;}
.B7 #odkz ul li {border-top-color: #CC99CC;}
#odkz ul li.frst {margin: 0; padding: 0 10px 0 10px; border: 0;}
#odkz ul li.rfa {padding: 0; margin: 0 13px 0 0; border: 0; height: 13px; font-size: 10px; text-align: right; vertical-align: top;}
#odkz ul li.rfa a {text-decoration: none;}
.B2 #odkz ul li.rfa a {color: #FF6699;}
.B3 #odkz ul li.rfa a {color: #3399FF;}
.B4 #odkz ul li.rfa a {color: #66CC66;}
.B5 #odkz ul li.rfa a {color: #FFCC66;}
.B6 #odkz ul li.rfa a {color: #CC9966;}
.B7 #odkz ul li.rfa a {color: #CC99CC;}
#odkz ul li.rfb {margin: 0px; border-top-style: double; border-top-width: 3px;}
#odkz ul li h3 {font-size: 13px;}
#odkz ul li a.h3 {font-size: 13px; text-decoration: none;}
#odkz ul li p {margin: 5px 0 5px 0;}
#odkz ul li a.href {font-style: italic;}
/* PATICKA */
#paticka {width: 100%; position: absolute; bottom: 0; left: 0; height: 65px; background-image: url('83_01.gif'); background-position: bottom; background-repeat: repeat-x; /* BARVA */}
.B2 #paticka {background-image: url('83_02.gif');}
.B3 #paticka {background-image: url('83_03.gif');}
.B4 #paticka {background-image: url('83_04.gif');}
.B5 #paticka {background-image: url('83_05.gif');}
.B6 #paticka {background-image: url('83_06.gif');}
.B7 #paticka {background-image: url('83_07.gif');}
#paticka-obsah {position: absolute; bottom: 0; width: 100%; text-align: center; padding: 0 0 3px 0;}
hr.cleaner {clear: both; display: none;} 
/* DETAIL */ 
#detail {width:100%;}
#detail h1 {text-align: center;} 
#detail h4 {margin: 15px 0 10px 0;} 
#detail p {margin: 5px 0 5px 20px;} 
#detail ul {margin: 10px 0 15px 35px; display: block; clear: both;}
#detail ul.uMn {margin: 10px 0 15px 20px;} 
.detblok {margin: 10px 0 10px 0; display: block; height: 5px; clear: both;}
.rform {width: 100%; text-align: center;}
.rform select {width: 100%;}
.rform input {width: 100%; height: 25px; margin: 0 0 3px 0; font-size: 14px;}
#mapa {text-align: left;}
#mapa li {list-style-type: circle;}
#mapa li.liq1 {margin: 5px 0 0 40px;}
#mapa li.liq2 {margin: 5px 0 0 80px;}
#mapa li.liq3 {margin: 5px 0 0 120px;}
#mapa li.liq4 {margin: 5px 0 0 160px;}
#mapa li.liq5 {margin: 5px 0 0 200px;}
#mapa h2 {margin: 10px 0 0 0;}
#pravidla li {list-style-type: circle; margin: 5px 0 0 40px; text-align: justify; line-height: 140%;} 
#pravidla h3 {margin: 20px 0 10px 0;}
#udtz {display: block; position: fixed; top: 32%; left: 25%; height: 188px; width: 444px; text-align: center; padding:1px; background-color: white;} 
#udtz table {margin: 0;}
#udtz table table {padding: 20px;}
#udtz table table td {padding: 8px;}
#udtz b {font-size: 13px;}
#udtz .rform input {height: 35px;}

#rsnw {}
#rsnw h3 {margin: 20px 0 0 0; font-size: 14px;}
#rsnw h3 a {text-decoration: none;} 
/*#rsnw h3 a:hover {text-decoration: underline;}*/
#rsnw p {margin: 5px 0 5px 20px;}
#rsnw #rsnq {font-size: 9px; margin: 0 0 0 20px};

#rsnr {}
#rsnr i {font-size: 10px}

#rska {width: 100%}
#rska td {text-align: center; height: 18px;}
#rska th {text-align: center; height: 18px; background-color: #dddddd;}

.iban1, .iban2 {border-top: #C1C1C1 1px solid; border-bottom: #C1C1C1 1px solid; align: center; width: 100%;}
.iban1 {padding: 0px 0 -2px 0;}
.iban2 {padding: 5px 0 5px 0;}

.B1 .bang {border-left: #C1C1C1 1px solid; padding: 15px 0 0 15px;}
.B2 .bang {border-left: #FF6699 1px solid; padding: 15px 0 0 15px;}
.B3 .bang {border-left: #3399FF 1px solid; padding: 15px 0 0 15px;}
.B4 .bang {border-left: #66CC66 1px solid; padding: 15px 0 0 15px;}
.B5 .bang {border-left: #FFCC66 1px solid; padding: 15px 0 0 15px;}
.B6 .bang {border-left: #CC9966 1px solid; padding: 15px 0 0 15px;}
.B7 .bang {border-left: #CC99CC 1px solid; padding: 15px 0 0 15px;}
