/* zakladni reset prohlizecu */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline; text-align: left}
:focus{outline: 0}
ol, ul{list-style: none}
table{border-collapse: separate}
caption, th, td{text-align: left; font-weight: normal}
/* obecne definice */
html{font-size: 100.01%}
body {font-size: 80%; font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; line-height: 1.5em; color: #000; background: #FFF url("../images/design/pattern.gif"); text-align: center}
hr{display: none}
a:link, a:active {text-decoration: underline; color: #000}
a:visited {color: #000}
a:hover, a:focus, a:active {text-decoration: none}
strong, h2, h4, h5, h6{font-weight: bold;}
h2{position: absolute; font-size: 160%; left: 50px}
h2.o-nas{top: -31px}
h2.aktuality{top: -42px}
h2.krouzky, h2.kluby, h2.ke-stazeni{top: -33px}
h2.akce, h2.souteze{top: -38px}
h2.tabory, h2.vzdelavaciprogram{top: -40px}
h2.proskoly, h2.fotogalerie{top: -35px}
h2.pronajmy, h2.certifikaty{top: -36px}
h2.povinneinfo{top: -41px}
h2.kontakty{top: -32px}
h2.prohlaseni{top: -39px}
h3{margin: 30px 0 10px 0; font-weight: normal; font-size: 130%; color: #0A3444; padding-left: 18px; background: transparent url("../images/icons/dot_orange.gif") 0 50% no-repeat}
h3.nadpis{margin: 30px 0 10px 0; font-weight: normal; font-size: 130%; color: #0A3444; padding-left: 0px; background: none;}
h3.nadpis a{color: #0A3444;}
h4{margin: 5px 0; font-size: 120%; color: #0A3444}
li h4{margin-left: -16px}
h5{margin: 0 0 5px 0; font-size: 110%; color: #0A3444}
#content p{margin: 0 0 10px 0}
#content ul{margin: 10px; list-style: square inside}
#content ol{list-style: decimal; margin: 10px 10px 20px 30px}
#header, #footer{width: 100%; height: 80px; background: #0A3444; font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; color: white; text-align: center}
#header .inside{margin: 0 auto; width: 770px; position: relative}
#header h1{padding: 24px 0 8px 0; font-size: 190%; font-weight: normal; text-align: center}
#header em{font-style: italic; font-size: 100%; text-align: center; width: 100%; display: block}
#header img.ddm{position: absolute; width: 112px; height: 112px; top: 10px; left: 0; color: white}
#header img.praha{position: absolute; top: 10px}
#header img.praha{right:0}
#container{width: 890px; margin: 106px auto -4px auto; position: relative; z-index: 4; background: transparent url("../images/design/bcg_menu.gif") 131px 0 repeat-y}
#content{width: 597px; float: right; margin: 0 0 40px 0; position: relative; z-index: 2; background: url("../images/design/bcg_text_shadow.png") repeat-y !important; background: url("../images/design/bcg_text_shadow.gif") repeat-y}
#content #shadow-top{position: absolute; top: -16px; left: 0; width: 597px; height: 16px; background: url("../images/design/bcg_text_top_shadow.png") no-repeat !important;  background: url("../images/design/bcg_text_top_shadow.gif") no-repeat}
#content #shadow-bottom{position: absolute; bottom: -16px; left: 0; width: 597px; height: 16px; background: url("../images/design/bcg_text_bottom_shadow.png") no-repeat !important;  background: url("../images/design/bcg_text_bottom_shadow.gif") no-repeat}
#content .inside{position: relative; z-index: 2; top: -9px; min-height: 660px; height: 660px; margin: 8px; border-left: 8px solid #FFF; border-right: 8px solid #FFF; padding: 20px 20px 20px 20px; background: #FFF url("../images/design/bcg_text.jpg") repeat-x}
html>body #content .inside{height: auto}
#content .stripe{top: 204px}
#menu{position: relative; z-index: 3; width: 290px; float: left; height: 100%; padding-bottom: 15px; background: transparent url("../images/design/bcg_menu.gif") 50% 0 repeat-y}
#menu li, #menu li a{position: relative; display: block; text-align: center; margin: 0 auto; font-weight: bold; overflow: hidden}
#menu li a span{position: absolute; top: 0; left: 0; cursor: hand; background-color: transparent; background-repeat: no-repeat}
/* polozky menu - zameny obrazku a polohovani */
#aktuality{padding-top:6px}
#aktuality a, #aktuality span{width: 197px; height: 50px}
#aktuality span{background-image: url("../images/design/m_aktuality.gif")}
#aktuality a:hover span, #aktuality a.active span, #aktuality a:focus span, #aktuality a:active span{background-position: -197px 0}
#krouzky{left: -10px}
#krouzky a, #krouzky span{width: 201px; height: 39px; line-height: 39px}
#krouzky span{background-image: url("../images/design/m_krouzky.gif")}
#krouzky a:hover span, #krouzky a.active span, #krouzky a:focus span, #krouzky a:active span{background-position: -201px 0}
#stalose{padding-top: 5px; left: 10px}
#akce a, #akce span{width: 218px; height: 51px; line-height: 51px}
#akce span{background-image: url("../images/design/m_akce.gif")}
#akce a:hover span, #akce a.active span, #akce a:focus span, #akce a:active span{background-position: -218px 0}
#tabory a, #tabory span{width: 213px; height: 45px; line-height: 45px}
#tabory span{background-image: url("../images/design/m_tabory.gif")}
#tabory a:hover span, #tabory a.active span, #tabory a:focus span, #tabory a:active span{background-position: -213px 0}
#souteze{padding-top: 5px; left: -3px}
#souteze a, #souteze span{width: 249px; height: 46px; line-height: 46px; font-size: 90%}
#souteze span{background-image: url("../images/design/m_souteze.gif")}
#souteze a:hover span, #souteze a.active span, #souteze a:focus span, #souteze a:active span{background-position: -249px 0}
#kluby{padding-top: 2px}
#kluby a, #kluby span{width: 160px; height: 41px; line-height: 41px}
#kluby span{background-image: url("../images/design/m_kluby.gif")}
#kluby a:hover span, #kluby a.active span, #kluby a:focus span, #kluby a:active span{background-position: -160px 0}
#proskoly{padding-top:5px}
#proskoly a, #proskoly span{width: 201px; height: 39px; line-height: 39px}
#proskoly span{background-image: url("../images/design/m_proskoly.gif")}
#proskoly a:hover span, #proskoly a.active span, #proskoly a:focus span, #proskoly a:active span{background-position: -201px 0}
#fotogalerie{padding-top: 5px; left: 5px}
#fotogalerie a, #fotogalerie span{width: 198px; height: 50px; line-height: 50px}
#fotogalerie span{background-image: url("../images/design/m_fotogalerie.gif")}
#fotogalerie a:hover span, #fotogalerie a.active span, #fotogalerie a:focus span, #fotogalerie a:active span{background-position: -198px 0}
#pronajmy{left:10px}
#pronajmy a, #pronajmy span{width: 218px; height: 51px; line-height: 51px}
#pronajmy span{background-image: url("../images/design/m_pronajmy.gif")}
#pronajmy a:hover span, #pronajmy a.active span, #pronajmy a:focus span, #pronajmy a:active span{background-position: -218px 0}
#o-nas a, #o-nas span{width: 125px; height: 44px; line-height: 44px}
#o-nas span{background-image: url("../images/design/m_onas.gif")}
#o-nas a:hover span, #o-nas a.active span, #o-nas a:focus span, #o-nas a:active span{background-position: -125px 0}
#vzdelavaci-program{padding-top: 3px; left: 10px}
#vzdelavaci-program a, #vzdelavaci-program span{width: 230px; height: 45px; line-height: 45px}
#vzdelavaci-program span{background-image: url("../images/design/m_vzdelavaciprogram.gif")}
#vzdelavaci-program a:hover span, #vzdelavaci-program a.active span, #vzdelavaci-program a:focus span, #vzdelavaci-program a:active span{background-position: -230px 0}
#certifikaty{padding-top: 5px; left: 12px}
#certifikaty a, #certifikaty span{width: 204px; height: 45px; line-height: 45px}
#certifikaty span{background-image: url("../images/design/m_certifikaty.gif")}
#certifikaty a:hover span, #certifikaty a.active span, #certifikaty a:focus span, #certifikaty a:active span{background-position: -204px 0}
#ke-stazeni{padding-top:5px}
#ke-stazeni a, #ke-stazeni span{width: 160px; height: 40px; line-height: 40px}
#ke-stazeni span{background-image: url("../images/design/m_kestazeni.gif")}
#ke-stazeni a:hover span, #ke-stazeni a.active span, #ke-stazeni a:focus span, #ke-stazeni a:active span{background-position: -160px 0}
#povinneinfo{left: -16px}
#povinneinfo a, #povinneinfo span{width: 259px; height: 57px; line-height: 15px; font-size: 80%; padding-top: 5px}
html>body #povinneinfo a, html>body #povinneinfo span{height: 52px}
#povinneinfo span{background-image: url("../images/design/m_povinneinfo.gif")}
#povinneinfo a:hover span, #povinneinfo a.active span, #povinneinfo a:focus span, #povinneinfo a:active span{background-position: -259px 0}
#kontakty{padding-top: 3px}
#kontakty a, #kontakty span{width: 124px; height: 44px; line-height: 44px}
#kontakty span{background-image: url("../images/design/m_kontakty.gif")}
#kontakty a:hover span, #kontakty a.active span, #kontakty a:focus span, #kontakty a:active span{background-position: -124px 0}
/* konec polozek menu */
#menu #top{position: absolute; width: 290px; height: 9px; top: -9px; left: 0; background: transparent url("../images/design/bcg_menu_top.gif") 50% 0 repeat-y}
#footer{height: auto; line-height: 3em}
#footer p{clear: both; text-align: center; font-size: 110%; font-weight: bold; margin: 0 auto; width: 890px; position: relative}
#footer a{color: white}
.stripe{position: absolute; z-index: 1; top: 390px; left: 0; background: transparent url("../images/design/bcg_stripe.gif") repeat-x; width: 100%; height: 388px}
.stripe span{display: block; height: 376px; margin: 6px 0; width: 100%; background: #EF9C31}
.clear{display: block; clear: both; height: 1px; line-height: 1px; width: 100%}
.accessability{position: absolute; top: -2000px; left: -1000px}
.accessability:focus, .accessability:active{width: 400px; height: 80px; background: #0a3444; color: white; top: 0; left: 180px; line-height: 80px; font-size: 150%; text-align: center}
#homepage h3{padding: 0; background: none}
h3 strong.date{float: right; position: relative; top: -8px; font-size: 80%; text-align: right; height: 28px; line-height: 28px; padding-left: 40px; background: transparent url("../images/design/news_arrow.gif") no-repeat}
#homepage #content p, #homepage #content ul{clear: both}
p.kotvy{margin: 0 15px; padding: 0 0 0 8px; text-align: left; line-height: 3em; background: #FFF; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; font-weight: bold}
p.kotvy a{margin-right: 8px}
.message{display: block; text-align: center; line-height: 2.5em; background: #FFF; font-weight: bold; margin: 5px 0 10px 0; border: 1px solid #A3D1FF}
.info{background: #FFF url("../icons/info.png") 8px 60% no-repeat}
.table{border: 1px solid #909090; margin: 10px 0}
.table td, .table th{text-align: center; padding: 3px}
.table tr th{background: #ef9c31; font-weight: bold}
.table td.left{text-align: left !important}
.even td{background: #FFF}
.odd td{background: #efefef}
#content ul.courses, #content ul.krouzky{margin: 10px 0}
#content ul.courses a{margin-right: 10px; float: right;}
#content ul.courses li{background-color: #dbdbdb;}
#content ul.krouzky li{margin-left: 20px; list-style: none}
ul.courses li, #content ul.krouzky li.evenvisible, #content ul.krouzky 
li.oddvisible{position: relative; margin: 5px 0; list-style: none; padding: 4px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: #FFF}
ul.courses li span, ul.courses li strong{margin-right: 10px}
a.popup_hide_button{position: absolute; right: 8px; top: 4px; font-size: 150%; font-weight: bold; text-decoration: none}
ul.krouzky li a.popup_hide_button{top: 8px}
#content ul.courses li ul{display: inline}
#content ul.krouzky li ul, #content ul.krouzky li ul li, #content ul.courses li ul{margin: 0}
#content ul.courses li ul li, #content ul.courses li ul li span{border: 0; padding: 0}
#krouzkyOutput ul.courses li strong{margin: 0}
li.evenvisible{background: #FFF !important}
li.oddvisible{background: #efefef !important}
ul.circle-orange li{padding-left: 12px; =padding-left: 0; background: transparent url("../images/icons/dot_orange_small.gif") 0 6px no-repeat; list-style: none}
.bcg-dark{padding: 4px; background: #efefef; margin: 10px 0}
h4.dot-black{padding-left: 12px; background: transparent url("../images/icons/dot_square_black.gif") 0 60% no-repeat;}
h4.circle-orange{padding-left: 18px; background: transparent url("../images/icons/dot_orange.gif") 0 50% no-repeat}
a h3{text-decoration: underline; background: transparent url("../images/icons/dot_orange.gif") 0 50% no-repeat}
a:hover h3{text-decoration: none; background: transparent url("../images/icons/dot_orange.gif") 0 50% no-repeat}
label{margin: 6px 0 3px 0; display: block}
#fotosOutput table td{padding: 10px; text-align: center}
#fotosOutput table td.even{background: white}
p.foto_desc{display: block; width: 110px; text-align: center}
#content_onas{padding-left: 20px;}
#content_kestazeni{padding-left: 20px;}
#content_contact{padding-left: 10px;}
#content_klub{padding-left: 20px;}
#krouzky_menu_box{margin: 0px 0px 0px 0px; height: 285px;}
#krouzky_menu{margin: 0px 0px 0px 0px; padding: 10px; width: 230px; height: 255px; background: #FFF; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#krouzky_menu p{font-weight: bold;}
#krouzky_menu span{margin: 2px 0px 0px 10px; font-weight: bold;}
#krouzky_menu a{margin: 0 10px; padding: 0 0 0 0px;}
#krouzky_menu ul{list-style: none;}
#krouzek_list{margin-top: 10px; padding: 10px; background: #FFF; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#krouzek_list span{margin: 0px 10px 0px 10px;}
#krouzek_list a{color: #0A3444;}
#akce_menu_box{margin: 0px 0px 0px 0px; height: 115px;}
#akce_menu{margin: 0px 0px 0px 0px; padding: 10px; width: 505px; height: 82px; background: #FFF; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#akce_menu p{font-weight: bold;}
#akce_menu span{margin: 2px 0px 0px 10px; font-weight: bold;}
#akce_menu a{margin: 0 10px; padding: 0 0 0 0px;}
#akce_menu ul{list-style: none;}
#akce_list{margin-top: 10px; padding: 10px; background: #FFF; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
#akce_list span{margin: 0px 10px 0px 10px;}
#akce_list a{color: #0A3444;}