/* Tělo */ BODY {color: #333; background: #000; font-size: 75%; font-family: Arial, sans-serif; margin: 0; padding: 0; text-align: center; behavior: url(../css/csshover.htc);} H1 {font-size: 100%;} TABLE {font-size: 100%;} FORM {margin: 0; padding: 0;} IMG {border: 0;} INPUT, TEXTAREA, SELECT {font-size: 100%; color: #5786c8; background: url(../images/bginput.gif) no-repeat #fff; padding: 4px 5px; border: 1px #5786c8 solid; font-family: Arial, sans-serif;} SELECT {padding: 0;} INPUT.submit, INPUT.submit-kos, INPUT.submit-pokladna {cursor: pointer; color: #fff; font-weight: bold; background: url(../images/bgsubmit.gif) repeat-x #df460a; border: 1px #811516 solid; text-transform: lowercase; padding: 1px 5px;} INPUT.submit-image, LABEL {cursor: pointer; border: 0;} INPUT.noborder {border: 0; background: transparent;} INPUT.readonly {color: #999;} A {color: #a21d21; text-decoration: underline;} A:active {color: #340000;} A:visited {color: #a21d21;} A:hover {color: #340000;} .clr {clear: both; font-size: 1px;} /* Obal strany */ #page {width: 1000px; background: url(../images/bg_page.jpg) no-repeat #fff 50% 30px; position: relative; margin: 0 auto; padding-top: 244px; text-align: left;} /* Logo */ #logo {position: absolute; left: 0; top: 40px;} #logo A {width: 445px; height: 100px; display: block;} #logo SPAN {display: none;} /* Pruh s odkazy */ #pruh_odkazy {position: absolute; right: 25px; top: 0px; height: 30px; z-index: 10;} #pruh_odkazy UL {border: 0; display: block; margin: 0; padding: 0; list-style: none; text-transform: lowercase;} #pruh_odkazy UL LI {border: 0; margin: 0; padding: 0; text-align: center; float: left; width: auto;} #pruh_odkazy UL LI A, #pruh_odkazy UL LI A:visited {height: auto; display: block; float: left; color: #777; background: url(../../images/bgclanky.gif) no-repeat scroll 100% 55%; border: 0; padding: 0 10px 0 7px; line-height: 24px; margin-left: 3px; text-decoration: underline; height: 24px;} #pruh_odkazy UL LI A:hover {color: #a30000; width: auto; text-decoration: none;} /* odkazy */ #sysbar {list-style-type: none; margin: 0; padding: 0; position: absolute; left: 10px; top: 192px;} #sysbar LI {margin: 0 ; padding: 0; float: left; text-align: center;} #sysbar A {color: #fff; display: block !important; margin: 0; padding: 0; height: 50px; line-height: 50px;} #sysbar A SPAN {display: none;} #sysbar .o1 {width: 81px; background: url(../images/o_uvod.png) no-repeat;} #sysbar .o2 {width: 86px; background: url(../images/o_clanky.png) no-repeat;} #sysbar .o3 {width: 138px; background: url(../images/o_novinky.png) no-repeat;} #sysbar .o4 {width: 79px; background: url(../images/o_press.png) no-repeat;} #sysbar .o5 {width: 107px; background: url(../images/o_prehlidky.png) no-repeat;} #sysbar .o6 {width: 130px; background: url(../images/o_spol.png) no-repeat;} #sysbar .o7 {width: 101px; background: url(../images/o_soutez.png) no-repeat;} #sysbar .o1:hover, #sysbar #active .o1 {background-image: url(../images/o_uvod_h.png);} #sysbar .o2:hover, #sysbar #active .o2 {background-image: url(../images/o_clanky_h.png);} #sysbar .o3:hover, #sysbar #active .o3 {background-image: url(../images/o_novinky_h.png);} #sysbar .o4:hover, #sysbar #active .o4 {background-image: url(../images/o_press_h.png);} #sysbar .o5:hover, #sysbar #active .o5 {background-image: url(../images/o_prehlidky_h.png);} #sysbar .o6:hover, #sysbar #active .o6 {background-image: url(../images/o_spol_h.png);} #sysbar .o7:hover, #sysbar #active .o7 {background-image: url(../images/o_soutez_h.png);} /* Odkazy */ #links {width: 258px; height: 50px; position: absolute; right: 10px; top: 192px; padding: 0; margin: 0; color: #fff; background: url(../images/o_shop.png) no-repeat;} #links SPAN {display: none;} /* Strana */ #strana TABLE TD {vertical-align: top; padding: 0;} #stredovy {width: 100%;} #levy {padding-left: 10px !important; vertical-align: top;} #levy UL {list-style-type: none; margin: 0 25px 10px 25px; padding: 0;} #levy UL LI {margin: 0; padding: 0;} #levy P {margin: 0 25px 10px 25px;} #levy .label, #levy H3 {color: #777; text-align: right; font-weight: bold; text-transform: uppercase; margin: 0 11px 15px 0; line-height: 29px; font-size: 100%;} #levy A, #levy A:visited {color: #333;} #levy A:active, #levy A:hover {color: #a21d21; text-decoration: none;} /* Boxy */ #menu, #tag-cloud, #top10, #anketa {width: 240px; background: url(../images/bgbox.gif) no-repeat;} /* Menu */ #menu UL {list-style-type: none; margin: 0; padding: 7px 0 20px 0;} #menu UL LI {margin: 0; padding: 0;} #menu UL LI A, #menu UL LI A:visited {background: url(../images/arrow3.png) no-repeat 8px 2px; padding: 0 0 0 23px; display: block; _height: 14px; text-decoration: none; font-size: 100%;} #menu UL LI A:hover {background-image: url(../images/arrow3h.png); color: #a30000;} #menu UL UL {margin-left: 8px; padding: 4px 0;} #menu UL UL LI {} #menu UL UL LI A, #menu UL UL LI A:visited {background: url(../images/arrow1.gif) no-repeat 17px 8px; font-size: 100%;} #menu UL UL LI A:hover {background-image: url(../images/arrow1h.gif); color: #a30000;} #menu UL UL UL {margin-left: 8px;} #menu UL UL UL LI {} #menu UL UL UL LI A, #menu UL UL UL LI A:visited {color: #a30000; background: none; font-size: 90%;} #menu UL UL UL LI A:hover {color: #777; background: none;} #menu .bottom {height: auto; width: 190px;} #menu .bottom IMG {margin-bottom: 1px; display: block;} /* Tag-cloud */ #tag-cloud LI {line-height: 20px; display: inline;} #tag-cloud A {margin-right: 5px;} #tag-cloud .tagCloudLevel0 {font-size: 90%} #tag-cloud .tagCloudLevel1 {font-size: 100%;} #tag-cloud .tagCloudLevel2 {font-size: 115%;} #tag-cloud .tagCloudLevel3 {font-size: 125%;} #tag-cloud .tagCloudLevel4 {font-size: 140%;} #tag-cloud .tagCloudLevel5 {font-size: 150%;} /* Top 10 */ #top10 A {display: block; margin: 5px 20px 5px 25px; padding: 2px 0;} /* Anketa */ #anketa {text-align: center;} #anketa .nalevo {text-align: left;} #anketa .text, #anketa .pruh {text-align: left; margin: 0 25px;} #anketa .submit {background: url(../../images/bgsubmit.gif) repeat-x #df460a;} /* Popis clanku */ #popis_clanku {display: none;} /* Patička */ #paticka {text-align: right; width: 980px; border-top: solid 1px #d8d8d8; margin: 0 auto;} #paticka UL {display: none;} #paticka P {font-size: 90%; margin: 0; padding: 11px 22px 12px 0; clear: both;} #paticka B {font-weight: normal;} /* Obsah */ #obsah {width: 100%; vertical-align: top; padding: 15px 35px 50px 22px;} #obsah H1, #obsah H2 {font-size: 165%; padding: 0 0 8px 0; margin: 0; font-weight: normal; color: #a21d21;} /* #obsah H3 {color: #555;} #obsah H4 {color: #555;} */ #clanek {padding-left: 37px;} #clanek TABLE {width: auto !important;} /* navigace */ #navigace {text-align: right; color: #989898; font-size: 90%;} #navigace A {color: #989898;} #navigace A:hover {color: #a21d21;} /* kratky vypis clanku */ .common {padding: 13px 10px 5px 10px; background: url(../images/dotted_line.gif) 0 100% repeat-x; position: relative;} .common .img {width: 120px; height: 150px; overflow: hidden; border: solid 1px #dedede; float: left; margin: 0 20px 10px 0; background: url(../images/noimage.gif) 50% 50% no-repeat; text-align: center;} .common .img A {width: 120px; height: 150px; display: block;} .common P {margin: .65em 0;} .common .inner {float: left; width: 530px;} .common .datum {font-size: 92%; background: url(../images/ico_datum.png) no-repeat 0 0px; margin: 0; padding: 0 0 0 20px;} .common .text {} .common .vice {background: url(../images/ico_vice.png) no-repeat 0 0; padding: 0 0 0 22px; font-weight: bold; margin-right: 8px;} .common .komentar {background: url(../images/ico_koment.png) no-repeat 0 0; padding: 0 0 0 22px; font-weight: bold;} .common .hodnoceni {width: 228px; position: absolute; right: 0; bottom: 13px;} .common .hodnoceni .druha {width: 120px; height: 23px; float: right;} .common .popis {float:left; line-height: 25px;} /* detail clanku */ #detail {} #detail H1 {font-size: 230% !important; padding: 0 0 5px 0 !important; margin: 0; border-bottom: solid 1px #eee;} #detail H2 {} #detail P {font-size: 115%; margin: 0 0 20px 0; text-align: justify;} #detail .anotace {font-weight: bold; color: #555; font-style: italic; font-size: 115%; padding: 14px 20px; border-bottom: solid 1px #eee; margin: 0 0 0 0; background: #f8f8f8; line-height: 20px; text-align: justify;} #detail .datum {font-size: 92%; margin: 15px 0; text-align: right;} #detail .datum SPAN {background: url(../images/ico_datum.png) no-repeat 0 0; padding: 0 0 0 20px;} #detail .text {} #detail .hodnoceni {height: 25px;} #detail .hodnoceni .popis {line-height: 25px; float: left; text-align: right; width: 555px;} #detail .hodnoceni .druha {width: 120px; height: 23px; float: right;} #detail .nadpis {border-bottom: solid 1px #eee; color: #a21d21; font-size: 150%; padding: 0 0 5px 0;} /* komentare clanku */ .komentare {margin: 20px 0 30px 0;} .komentare .komentar {padding: 10px 0 1px 0; /*background: url(../images/dotted_line.gif) 0 100% repeat-x;*/} .komentare .titulek {font-weight: bold; padding: 0 5px;} .komentare .prispevek {padding: 5px;} .komentare .bottom {background: #f8f8f8; border-bottom: solid 1px #eee; padding: 4px 5px; text-align: right; color: #777; font-size: 92%;} .komentare .bottom STRONG {color: #333;} .komentare .jmeno STRONG {margin: 0 3px;} .komentare .datum {font-size: 100% !important; background: url(../images/ico_datum.png) no-repeat 0 0; padding-left: 20px;} .komentare .datum STRONG {color: #777;} .komentare .komentar:hover {background: #fef4f4;} .komentare .komentar:hover .bottom {background: #f8eaea; border-color: #e5cccc;} .komentare .odpoved {background: url(../images/komentar_odpoved_arrow.gif) no-repeat 13px -2px #fff; padding: 0 0 1px 35px;} .komentare .odpoved .titulek {padding-top: 10px;} .komentare .odpoved .bottom {background: #f8eaea; border-color: #e5cccc;} .komentare .odpoved:hover {background: url(../images/komentar_odpoved_arrow.gif) no-repeat 13px -2px #fff;} .komentare .odpoved:hover .titulek, .komentare .odpoved:hover .prispevek {background: #fef2f2;} .komentare .odpoved:hover .bottom {background: #d39494; color: #fff; border-color: #ac6f6f;} .komentare .odpoved:hover .bottom STRONG{color: #000;} .pridej_komentar {width: 500px; padding-top: 20px;} .pridej_komentar LABEL {width: 70px; display: block; float: left; text-align: right; padding-right: 8px; line-height: 22px;} .pridej_komentar INPUT {width: 200px; margin: 0 0 2px 0; border-color: #ccc; color: #777;} .pridej_komentar .titulek {width: 350px;} .pridej_komentar TEXTAREA {width: 350px; border-color: #ccc; color: #777; height: 60px;} .pridej_komentar .submit {width: auto; margin: 0 0 0 78px; background: url(../images/submit_bg.png) repeat-x #a40000; color: #fff !important; padding: 3px 6px; margin-top: 5px; border-color: #510d0f; text-transform: none;} .pridej_komentar .submit:hover {background-position: 0 100%;} .pridej_komentar INPUT:focus, .pridej_komentar TEXTAREA:focus {border-color: #A21D21; color: #811b1e;} /* high tech photogallery */ #fotogalerie .medium_image {height: 330px; float: left; margin-right: 20px; cursor: pointer; margin-top: 15px;} #fotogalerie .medium_image IMG {padding: 2px; border: solid 1px #ccc;} #fotogalery_medium_text {font-size: 115%; padding-top: 15px;} .ui-widget-content {width: 601px !important; height: 126px !important;} .ui-widget-content .listcontainer {width: 596px !important; height: 126px !important;} #fotogalery .item {margin-right: 1px;} #fotogalery .item IMG {cursor: pointer;} .ui-widget-content .left {background: url(../images/photogallery-arrow-left.png) no-repeat !important;} .ui-widget-content .right {background: url(../images/photogallery-arrow-right.png) no-repeat !important;} #fotogalery_large_div {position: absolute; padding: 2px; border: solid 1px #ccc; background: #fff; z-index: 100; cursor: pointer;} #fotogalery_large_div img {display: block;}