html,body {margin: 0px; padding: 0px; font: 14px/1.3 Helvetica, Arial, sans-serif; color: #807c7c;/* height: 100%;*/}
html {background-color: #FFF;}
/*
html.bg_0 {background-color: #fedd83;}
html.bg_1 {background-color: #c3ebf8;}
html.bg_2 {background-color: #c390c3;}
html.bg_3 {background-color: #99cccf;}
html.bg_4 {background-color: #9ecf99;}
html.bg_5 {background-color: #f8ee84;}
html.bg_6 {background-color: #c99f90;}
html.bg_7 {background-color: #cfcecc;}
html.bg_8 {background-color: #cf8181;}
*/
#all {width: 100%; /*height: 100%;*/ =position: relative; =text-align: center;}
    #hp_frame {position: relative; width: 890px; height: 639px; margin: 30px auto 0px; position: relative; =text-align: left; background: transparent url("../img/back_uvod.png") 239px top no-repeat;}
        #hp_box {position: relative; width: 890px; height: 639px; padding: 0px;}
            #hp_patnik {position: absolute; left: 313px; top: 118px; width: 263px; height: 401px; background: transparent url("../img/patnik_main.png") left top no-repeat;
                        _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/patnik_main.png", sizingMethod="scale");}
            #hp_20let_left  {position: absolute; left:  20px; top: 220px; width: 273px; height: 30px;}
            #hp_20let_right {position: absolute; left: 596px; top: 220px; width: 273px; height: 30px; text-align: right;}
            #hp_logo_left   {position: absolute; left:  23px; top: 400px; width: 344px; height: 74px;}
            #hp_logo_right  {position: absolute; left: 505px; top: 400px; width: 362px; height: 76px;}
            #hp_support     {position: absolute; left:  45px; top: 500px; width: 800px; height: 74px;}
            #hp_flag_left   {position: absolute; left: 380px; top: 480px;}
            #hp_flag_right  {position: absolute; left: 485px; top: 480px;}
    #back_1_frame {position: absolute; width: 50%; height: 500px; top: 0px; margin: 230px 0px 0px 0px; overflow: hidden; _left: 0px;}
        #back_1 {position: absolute; right: 24px; top: 0px;; width: 581px; height: 500px; background: transparent url("../img/back_1.png") left top no-repeat;}
    /*#back_2 {position: absolute; right: 20px; top: 40px; width: 311px; height: 350px; background: transparent url("../img/back_2.png") left top no-repeat;}*/
    #back_2_frame {position: absolute; width: 50%; height: 500px; top: 0px; margin: 20px 0px 0px 50%; overflow: hidden; _left: 50%; _margin: 20px 0px 0px 0px;}
        #back_2 {position: absolute; left: 230px; top: 0px; width: 448px; height: 500px; background: transparent url("../img/back_2a.png") left top no-repeat;}
    #frame {position: relative; width: 890px; margin: 0px auto; =text-align: left; background: transparent url("../img/shadow_left.png") left top repeat-y; _background: none;}
        #right_box {position: absolute; left: 880px; top: 150px; width: 125px; height: 320px;}
            #right_box_fix {position: fixed; padding: 10px 0px 0px 20px; width: 125px; height: 320px; background: transparent url("../img/right_box_2.png") left top no-repeat; color: #000;}
            #right_box_patnik {position: relative; left: 75px; top: 25px; width: 26px; height: 40px; background: transparent url("../img/right_box_patnik.png") left top no-repeat;}
    #frame_in {width: 865px; padding: 0px 25px 0px 0px; margin: 0px 0px 0px 25px; background: transparent url("../img/shadow_right.png") right top repeat-y; _background: none;}
    #cont {position: relative; padding-top: 10px; border: 1px solid black; background: #FFF;}
        #languages {position: absolute; left: 75px; top: 5px; width: 70px; height: 25px; z-index: 10;}
            #languages a img {border: 0px; margin: 0px 5px;}

/*#top {margin-top: 20px; position: relative; border: 0px solid black;}    */
#top {margin-top: 23px; position: relative; border: 0px solid black;}
/*    #top_left {position: absolute; left: -2px; top: -22px; width: 362px; height: 360px; background-color: transparent; background-position: left top; background-repeat: no-repeat;}    */
    #top_left {position: absolute; left: -1px; top: -27px;}
        #top_left_back {position: absolute; width: 349px; height: 340px; background-color: transparent; background-position: left top; background-repeat: no-repeat;}
            html.bg_0 #top_left_back {background-image: url("../img/city_0.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_0.png", sizingMethod="scale");}
            html.bg_1 #top_left_back {background-image: url("../img/city_1.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_1.png", sizingMethod="scale");}
            html.bg_2 #top_left_back {background-image: url("../img/city_2.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_2.png", sizingMethod="scale");}
            html.bg_3 #top_left_back {background-image: url("../img/city_3.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_3.png", sizingMethod="scale");}
            html.bg_4 #top_left_back {background-image: url("../img/city_4.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_4.png", sizingMethod="scale");}
            html.bg_5 #top_left_back {background-image: url("../img/city_5.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_5.png", sizingMethod="scale");}
            html.bg_6 #top_left_back {background-image: url("../img/city_6.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_6.png", sizingMethod="scale");}
            html.bg_7 #top_left_back {background-image: url("../img/city_7.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_7.png", sizingMethod="scale");}
            html.bg_8 #top_left_back {background-image: url("../img/city_8.png");
                                 _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/city_8.png", sizingMethod="scale");}
/*        #top_left_2 {position: relative; left: -70px; top: -10px; width: 267px; height: 280px; background: transparent url("../img/peoples.png") left top no-repeat;}    */
        #top_left_2_n {position: relative; background-color: transparent; background-position: left top; background-repeat: no-repeat;}
        #top_left_2 {position: relative; left: -81px; top: 13px; width: 286px; height: 300px; background: transparent url("../img/peoples.png") left top no-repeat;}
        #top_left_2_n1 {position: relative; left: -83px; top: 103px; width: 429px; height: 300px; background: transparent url("../img_top_left/1.png") left top no-repeat;}
        #top_left_2_n2 {position: relative; left: -65px; top: 70px; width: 371px; height: 300px; background: transparent url("../img_top_left/2.png") left top no-repeat;}
        #top_left_2_n3 {position: relative; left: -28px; top: 40px; width: 289px; height: 300px; background: transparent url("../img_top_left/3.png") left top no-repeat;}
        #top_left_2_n4 {position: relative; left: -10px; top: 21px; width: 142px; height: 300px; background: transparent url("../img_top_left/4.png") left top no-repeat;}
        #top_left_2_n5 {position: relative; left: 10px; top: 19px; width: 132px; height: 300px; background: transparent url("../img_top_left/5.png") left top no-repeat;}
        /*
        #top_left_2_n1 {position: relative; left: 10px; top: 19px; width: 132px; height: 300px; background: transparent url("../img/top_left_n1.png") left top no-repeat;}
        #top_left_2_n2 {position: relative; left: -5px; top: 19px; width: 132px; height: 300px; background: transparent url("../img/top_left_n2.png") left top no-repeat;}
        #top_left_2_n3 {position: relative; left: -70px; top: 19px; width: 207px; height: 300px; background: transparent url("../img/top_left_n3.png") left top no-repeat;}
        #top_left_2_n4 {position: relative; left: -10px; top: 19px; width: 142px; height: 300px; background: transparent url("../img/top_left_n4.png") left top no-repeat;}
        #top_left_2_n5 {position: relative; left: -40px; top: 19px; width: 193px; height: 300px; background: transparent url("../img/top_left_n5.png") left top no-repeat;}
        */
    #top_right {position: relative; float: right; width: 300px; height: 102px; padding: 10px 60px 0px 0px;}
    #top_menu {padding-top: 141px;}
        #top_menu ul {position: relative; list-style-type: none; padding: 4px 10px 0px 0px; margin: 0px 0px 0px 280px; z-index: 10; font-size: 14px; line-height: 1.1}
            #top_menu ul li {display: inline; padding: 0px;}
            #top_menu ul li a {color: #807c7c; font-weight: bold; text-decoration: none;}
            #top_menu ul li a:hover {color: #807c7c; font-weight: bold; text-decoration: underline;}
            #top_menu ul li a.active {color: #ca1212;}
        #top_menu_fotos {width: 792px; height: 108px; margin: 3px /*18px*/ 0px 0px 68px; border: 2px solid #807c7c; overflow: hidden; /*background: transparent url("../img/menu_fotos.png") right top no-repeat;*/}
            #top_menu_fotos_in {height: 108px;  text-align: right; /* margin-left: -208px; width: 1000px;*/}
        #top_menu_submenu {height: 35px; position: relative;}
            #top_menu_submenu ul {font-size: 12px; position: relative;}

#page {position: relative; padding: 15px; z-index: 15;}

#bottom {margin: 10px 10px 0px 10px; padding: 3px; border-top: 1px solid #807c7c; line-height: 14px; font-size: 10px;}
#bottom div {margin: 0px 5px 0px 0px;}
#bottom img {margin: 0px 7px;}

#bottom_2 {position: relative; width: 838px; margin: 0px auto; text-align: center; font-size: 12px;}
#bottom_2 a {color: #800000; text-decoration: none;}
#bottom_2 a:hover {text-decoration: underline;}



    
    #schovka {display: none;}
        .kniha1a,.kniha1b {color: #333; line-height: 21px; font-size: 14px; padding-left: 3px; padding-right: 3px; border-bottom: 1px solid black;}
        .kniha1a {height: 21px;}
        .kniha1b {height: 42px;}
        .kniha2 {padding: 2px 3px 2px 3px; line-height: 18px; font-size: 12px;}
        
h1 {font-size: 16px; margin: 5px 0px; color: #ca1212;}
p {margin: 8px 0px;}
a {color: #000;}
a:hover {text-decoration: none; color: #ca1212;}
a:active {color: #000;}
a img {border: 0px;}

.form_book {margin: 0px auto 10px;}

.border {border: 1px solid black;}
.bord_top {border-top: 3px solid #005a9a;}
.bg_gray {background-color: #DDD;}
.padd {padding: 5px;}


.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.vetsi {font-size: 20px;}
.velky {font-size: 30px; line-height: 48px;}
.male {font-size: 10px;}
.upper {text-transform: uppercase;}
.bold {font-weight: bold;}
.relative {position: relative;}
.floatLeft {float: left; _position: relative;}
.floatRight {float: right; _position: relative;}
.clear {clear: both;}
.w80 {width: 80%;}
.w100 {width: 100%;}
.m_auto {margin: auto; _margin-left: 10%;}

.yell {color: #f9cb10;}
.re {color: #ed1c24;}
.gr {color: #9d9af1;}