/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::: Created by Datlink s.r.o. ::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: GRAPHIC OVERLAYS ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .overlaid { position: relative; display: block; width: 100%; height: 100%; } .overlaid a { display: block; width: 100%; height: 100%; cursor: pointer; } .overlaid span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: GLOBAL ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ * { margin: 0; padding: 0; border:none; font-family: Tahoma, Helvetica, Arial; text-align: left; outline: none; } body { text-align: center; background: url(../../img/public/wall.gif) repeat-x #ffffff;} #footer { text-align: center; background-color: #393838; width: 100%; height: 62px; clear: both; } #p-root { width: 980px; height: auto; margin: 0 auto; text-align: center; } #footer .container-footer { width: 980px; height: 62px; margin: 0 auto; text-align: center; background-color: #393838; font-size: 11px; color: #a9a9a9; } a { text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; } form { float: inherit; width: 100%; } input, select, textarea { border: 1px solid #cacaca; border-top-color: #b8b8b8; } .fRight { float: right; } .fLeft { float: left; } .cBoth { clear: both; } .small-font { font-size: 11px; } .big-font { font-size: 13px; } .mTop { margin-top: 8px; } .gray { color: gray; } .bold { font-weight: bold; } .blue {color: #009ce4;} .red {color: red;} .info-err { color: red; font-weight: bold; } .info-ok { font-weight: bold; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BREAKS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #aside-middle .content .break { height: 1px; float: left; display: inline; overflow: hidden; } #aside-middle .content .break { width: 100%; margin: 16px 0 0 0; background: url(../../img/public/break-content.gif) no-repeat 0 0 #cdcdcd; } #aside-HP-left .content .break-hp-left { height: 1px; float: left; display: inline; overflow: hidden; } #aside-HP-left .content .break-hp-left { width: 100%; margin: 0 0 0 0; background: url(../../img/public/break-hp-left.gif) no-repeat 0 0 #ffffff; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: P-ROOT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #header { width: 100%; height: 209px; float: left; background: url(../../img/public/motiv-header.jpg) 240px 0 no-repeat; } #main-menu { width: 100%; height: 41px; float: left; margin: 4px 0 0 0; background: url(../../img/public/bg-menu.gif) no-repeat; overflow: hidden; } #center { width: 100%; height: auto; float: left; padding: 0px 0 20px 0; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: TITLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .aside-outer div.box .error { color: #3a3a3a; font-weight: bold; font-size: 11px; } #header h1 a, #header h2 a { color: #e39414; font-size: 16px; } #aside-middle .content h1 { color: #e46b1b; font-size: 27px; font-weight: normal; line-height: 34px; margin-bottom: 18px; padding-top: 15px; clear: both; } #aside-middle .content h2 { color: #3e3e3e; font-size: 20px; font-weight: normal; line-height: 30px; margin-bottom: 2px;} #aside-middle .content h3 { color: #3e3e3e; font-size: 18px; font-weight: normal; line-height: 28px; margin-bottom: 2px;} #aside-middle .content p { color: #3e3e3e; font-size: 12px; font-weight: normal; line-height: 18px; margin-bottom: 10px; } #aside-middle .content a { color: #e46b1b; } #aside-HP-left h2 { color: #ffffff; font-size: 22px; font-weight: normal; line-height: 30px; margin: 18px 0 0 25px;} #aside-HP-left .content h4 a { color: #444444; font-size: 15px; font-weight: normal; line-height: 30px; margin-bottom: 2px;} #aside-HP-left .content .date { color: #a2a2a2; font-size: 11px; font-style: italic;margin-bottom: 5px; } #aside-HP-left .content p { color: #3e3e3e; font-size: 12px; font-weight: normal; line-height: 18px; margin-bottom: 10px; } #aside-HP-middle .content h3 { color: #009ce4; font-size: 20px; position: relative; font-weight: normal; margin-bottom: 0;line-height: 20px; margin-left: 12px; } #aside-middle .content .date { color: #a2a2a2; font-size: 11px; font-style: italic; } #aside-HP-middle .content .date { color: #a2a2a2; font-size: 11px; font-style: italic; margin-top: 8px; margin-bottom: 4px; } #aside-HP-middle .content p { color: #3e3e3e; font-size: 12px; font-weight: normal; line-height: 18px; margin-bottom: 0px; padding: 0 12px; } #aside-middle .content .item-container p.date { color: #a2a2a2; font-size: 11px; font-style: italic; line-height: 13px; margin-top: 7px; } .aside-outer div.box h3 { color: #ffffff; position: relative; font-size: 18px; font-weight: normal; margin-bottom: 10px; line-height: 18px; } .aside-outer div.box div.content a { color: #ffffff; } .aside-outer div.box p { line-height: 16px; clear: both; margin-top: 8px; } #aside-middle .content ul { list-style-type: none; margin: 7px 0 2px 7px; width: auto; } #aside-middle .content ul li { padding: 0px 10px 9px 24px; line-height: 18px; background: url(../../img/public/ico-odrazka.gif) 0px 5px no-repeat; font-weight: normal;font-size: 12px; color: #424242;} #aside-middle .content ul ul { margin: 12px 0 0px 0px; } #aside-middle .content ul ul ul { margin: 16px 0 0px 0px; } #aside-middle .content ol { list-style-type:decimal; margin: 7px 0px 2px 30px; width: auto; } #aside-middle .content ol li { padding: 0px 10px 9px 0px; line-height: 18px; font-weight: normal;font-size: 12px; color: #424242; overflow:visible;} #aside-middle .content .img-fLeft { float: left; margin: 5px 15px 15px 0; display: inline; overflow: hidden;} #aside-middle .content .img-fRight { float:right; margin: 5px 0 14px 15px; display: inline; overflow: hidden;} /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: FORMS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ div.box label { float: left; width: 40px; height: auto; line-height: 20px; color: #ffffff; } #aside-middle div.content label { float: left; width: 131px; height: auto; line-height: 20px; color: #787878; margin-right: 0;} #email, #email-znamy, #heslo, #text { float: left; border: 1px solid #949494; border-top-color: #777777; width: 122px; height: 14px; color: #666666; font-size: 12px; } #text { height: auto; } #email:hover, #email-znamy:hover, #heslo:hover, #text:hover, #email:focus, #heslo:focus, #text:focus { border-color:#494949; } .aside-outer form p { float: left; width: 168px;} form p input, form p textarea { padding: 2px; overflow: auto; height: auto; } #aside-middle .content form p { margin: 4px 0; float: left; width: 100%; clear: left;} #aside-middle .content form p label { width: 100%; margin: 0; padding: 0px; } #aside-middle .content form p input, #aside-middle .content form p select, #aside-middle .content form p textarea { width: 98%; margin: 0; padding: 2px; height: 16px; font-size: 12px; } #aside-middle .content form p textarea { height: auto; } #aside-middle .content form p select { height: auto; } #aside-middle .content form p span { width: auto; margin: 0; padding: 0; } #aside-middle .content form p .type-radio, #aside-middle .content form p .type-checkbox { width: auto; margin: 9px 3px 0 6px; padding: 0px; height: auto; font-size: 12px; border: none;} #aside-middle div.content div.search form p { width: auto;} #aside-middle div.content div.search form input { float: left; border: 1px solid #e2e2e2; border-top-color: #bbbbbb; width: 345px; color: #666666; font-size: 12px;margin: 13px 6px 0 0; height: 15px } #aside-middle div.content div.search form input:hover, #aside-middle div.content div.search form input:focus { border-color: #a2a2a2; } #aside-middle div.content div.search form input { padding: 5px; overflow: auto; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: LINK-BAR :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .aside-outer div.box div.content p.link-bar { height: auto; line-height: 20px; color: #ffffff; font-size: 11px; } .aside-outer div.box div.content p.link-bar a { color: #ffffff; font-size: 11px; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: MAIN-MENU: plain text :::::::::::::::::::::::::::::::::::::::::::::::: */ #main-menu li { height: 41px; float: left; list-style-type: none; margin: 0; padding: 0; } #main-menu li a { margin: 0; padding: 0 20px; display: block; color: #bababa; font-size: 13px; line-height: 44px; text-align: center; font-weight: normal; cursor: pointer; text-decoration: none; } #main-menu li a:hover, #main-menu li a.active { color: #e39414; } /* ::: The end :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: CENTER ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .aside-outer { width: 208px; height: auto; float: left; display: inline; margin: 40px 20px 0 20px; } #aside-middle { width: 484px; height: auto; position: relative; float: left; margin: 40px 0 0 0; padding-bottom: 20px; background-color: #ffffff; display: inline; } #aside-HP-center { width: 484px; height: auto; position: relative; float: left; margin: 35px 0 0 0; padding-bottom: 20px; background-color: #ffffff; display: inline; } #aside-HP-middle { width: 100%; height: auto; position: relative; float: left; margin: 0px 0 0 0px; padding-bottom: 0px; background-color: #ffffff; display: inline; } #aside-HP-left { width: 100%; height: auto; position: relative; float: left; margin: 0px 0 0 0px; padding-bottom: 0px; background: url(../../img/public/bg-hp-left.gif) top left repeat-Y #f1f1f1; display: inline; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: ASIDE-OUTER ::::::::::::::::::::::::::::::::::::::::::: */ .aside-outer div.box { width: 100%; height: auto; position: relative; float: left; background: url(../../img/public/bg-box-standard.gif) top left repeat-x #b9b9b9; display: inline; overflow: hidden; margin-bottom: 20px; } .aside-outer div.box div.content { width: auto; height: auto; margin: 15px 20px 0px 20px; padding-bottom: 15px; position: relative; float: left; font-size: 12px; color: #ffffff; display: inline; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BOX-konzultant ::::::::::::::::::::::::::::::::::::::::::: */ #header .box-konzultant { width: 130px; height: auto; float: right; background-color: #ffffff; display: inline; overflow: hidden; margin: 5px 20px 0 0px; } #header .box-konzultant .content { width: 130px; height: auto; margin: 5px 0px 0px 5px; padding-bottom: 0px; float: left; font-size: 12px; color: #ffffff; display: inline; } #header .box-konzultant .content img { width: 120px; height: 150px; } #header .box-konzultant .container { margin: -20px 0 0 5px;padding-top: 3px; position: relative; float: left; width: 120px; height: 17px; z-index: 100; font-size: 10px; color: #383838; display: inline;background-color: #ffffff; overflow: hidden; } #header .box-konzultant .container p { text-align: center; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: ASIDE-MIDDLE ::::::::::::::::::::::::::::::::::::::::::: */ #aside-middle div.content { width: auto; height: auto; margin: 15px 20px 0 20px; float: left;font-size: 12px; color: #000000; display: inline; position: relative; float: left; } #aside-middle div.content div.item-container { float: left; margin: 0px; padding-bottom: 18px; height: auto; width: 100%; } #aside-middle div.content div.search { float: left; margin: 0px; height: auto; width: 100%; background: url(../../img/public/bg-search.gif) top left repeat-y #b9b9b9; margin: 0 0 18px 0; padding: 12px 0 20px 0; } #aside-middle div.content p {margin-right: 1px;} /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: ASIDE-HP-MIDDLE ::::::::::::::::::::::::::::::::::::::::::: */ #aside-HP-middle div.content { width: auto; height: auto; float: left; margin: 15px 8px; font-size: 12px; color: #000000; display: inline; float: left; } #aside-HP-middle div.content div.advice-container { width: auto; height: auto; position: relative; float: left; margin: 10px 0 0 0; font-size: 12px; color: #000000; padding: 0 0 0 0; display: inline; float: left; background: url(../../img/public/bg-advice.gif) bottom left repeat-x #ffffff; } /* ::: ASIDE-HP-LEFT ::::::::::::::::::::::::::::::::::::::::::: */ #aside-HP-left div.content { width: auto; height: auto; margin: 0px 25px; float:left; font-size: 12px; color: #000000; display: inline; padding-bottom: 20px; } #aside-HP-left div.content div.item-container { float: left; margin: 0px; padding-bottom: 18px;padding-top: 8px; height: auto; width: 100%; } #aside-HP-left div.title { float: left; margin: 0px; height: 61px; width: 100%; background: url(../../img/public/bg-title-aside-left.gif) top left repeat-y #b9b9b9; margin: 0 0 0 0; padding: 0 0 0 0; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: FOOTER ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #footer .container-footer p span.left-side { float: left; margin: 26px 0 0 20px;} #footer .container-footer p span.center { float: left; margin: 26px 0 0 255px;} #footer .container-footer p span.right-side { float: right; margin: 25px 20px 0 0;} #footer .container-footer p a { color: #a9a9a9; } #footer .container-footer p a img { position: relative;top: 2px; left: -2px; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BREADCRUMBS - basic ::::::::::::::::::::::::::::::::::::::::::: */ #center .content #breadcrumbs { width: auto; float: left; margin: 0; text-align: left; } #center .content #breadcrumbs p, #center .content #breadcrumbs p a { font-size: 11px; margin: 0; color: #898989; line-height: 16px;} /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: TITLES: Images overlays text (no-hover effect) ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #header .logo { width: 222px; height: 59px; float: left; margin: 56px 0px 49px 20px; left: 0; text-align: left; overflow: hidden; display: inline; font-weight: bold; } #header .logo span { background: url(../../img/public/logo.gif) 0 0 no-repeat; } /* ::: The end::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: ICONS: Text & ico-image (hover effect) ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .ico-text-paging-prev { background: url(../../img/public/ico-pgtools-previous.gif) 0 -17px no-repeat; margin: 1px 0 0 0; padding: 0 0 0 23px; line-height: 17px; height: 17px; font-weight: normal; float: left; color: #848484; } .ico-text-paging-prev:hover { background: url(../../img/public/ico-pgtools-previous.gif) 0 0 no-repeat !important; } .ico-text-paging-next { background: url(../../img/public/ico-pgtools-next.gif) 100% -17px no-repeat; margin: 1px 0 0 0 ; padding: 0 23px 0 0; line-height: 17px; height: 17px; font-weight: normal; float: right; color: #848484; } .ico-text-paging-next:hover { background: url(../../img/public/ico-pgtools-next.gif) 100% 0 no-repeat !important; } .ico-bg-circle { background: url(../../img/public/ico-bg-circle.gif) 0 -20px no-repeat; margin: 1px 4px 0 4px; padding: 0 0 0 6px; line-height: 20px; height: 20px; font-weight: normal; color: #848484; float: left; text-decoration: none;} .ico-bg-circle:hover { background: url(../../img/public/ico-bg-circle.gif) 0 0 no-repeat !important; } .ico-print { background: url(../../img/public/ico-print.gif) no-repeat bottom left; margin: 22px 8px 0px 0; padding: 0px 0 0px 19px; line-height: 13px; height: 13px; font-weight: normal; color: #848484; float: left; font-size: 11px; } #aside-left .content .ico-print, #aside-middle .content .ico-print {color: #7f7f7f; } .ico-arrow { background: url(../../img/public/ico-arrow.gif) no-repeat bottom left; margin: 0px 8px 0px 0; padding: 0px 0 0px 19px; line-height: 13px; height: 13px; font-weight: normal; color: #848484; float: left; font-size: 11px; } #aside-left .content .ico-print, #aside-middle .content .ico-arrow {color: #636363; } #aside-HP-middle .content .ico-arrow { background: url(../../img/public/ico-arrow.gif) no-repeat bottom left; margin: 10px 8px 12px 12px; padding: 0px 0 0px 19px; line-height: 13px; height: 13px; font-weight: normal; color: #848484; float: left; font-size: 11px; } #aside-HP-middle .content .ico-arrow {color: #636363; } #aside-HP-left .content .ico-arrow { background: url(../../img/public/ico-arrow.gif) no-repeat bottom left; margin: 0px 8px 0px 0; padding: 0px 0 0px 19px; line-height: 13px; height: 13px; font-weight: normal; color: #848484; float: left; font-size: 11px; } #aside-HP-left .content .ico-arrow {color: #636363; } .ico-link-beyond {background: url(../../img/public/ico-link-beyond.gif) no-repeat bottom left;margin: 0 0 0 0;padding: 0px 0 0px 17px;font-weight: bold; color: #ffffff;} /* ::: The end::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BUTTONS: Images overlays text (hover effect) ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .ico-paging-start { width: 21px; height: 17px; float: left; margin: 1px 6px 0 0; left: 0; overflow: hidden; display: inline; } .ico-paging-start span { background: url(../../img/public/ico-pgtools-start.gif) 0 -17px no-repeat; } .ico-paging-start:hover span { background-position: 0 0 !important; } .ico-paging-prev { width: 17px; height: 17px; float: left; margin: 1px 8px 0 0px; left: 0; overflow: hidden; display: inline; } .ico-paging-prev span { background: url(../../img/public/ico-pgtools-previous.gif) 0 -17px no-repeat; } .ico-paging-prev:hover span { background-position: 0 0 !important; } .ico-paging-next { width: 17px; height: 17px; float: left; margin: 1px 0 0 0px;left: 0; overflow: hidden; display: inline; } .ico-paging-next span { background: url(../../img/public/ico-pgtools-next.gif) 0 -17px no-repeat; } .ico-paging-next:hover span { background-position: 0 0 !important; } .ico-paging-finish { width: 21px; height: 17px; float: right; margin: 1px 0 0 2px; left: 0; overflow: hidden; display: inline; } .ico-paging-finish span { background: url(../../img/public/ico-pgtools-finish.gif) 0 -17px no-repeat; } .ico-paging-finish:hover span { background-position: 0 0 !important; } .btn-pokracovat { width: 178px; height: 41px; float: right; margin: 8px 6px 0 0; left: 0; overflow: hidden; display: inline; } .btn-pokracovat span { background: url(../../img/public/btn-pokracovat.gif) 0 -41px no-repeat; } .btn-pokracovat:hover span { background-position: 0 0 !important; } .ico-odstranit { width: 13px; height: 13px; float: left; margin: 0; left: 0; text-align: left; overflow: hidden; display: inline; } .ico-odstranit span { background: url(../../img/public/ico-odstranit.gif) 0 0px no-repeat; } .ico-odstranit:hover span { background-position: 0 -13px !important; } /* ::: The end::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BUTTONS (form): Images & value beyond (hover effect) ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .btn-o-krok-zpet { float: left; margin: 8px 6px 0 0; text-align: center; overflow: hidden; display: inline; } .btn-o-krok-zpet input { background: url(../../img/public/btn-o-krok-zpet.gif) 0 -41px no-repeat #777777 ; width: 178px; height: 41px; cursor: pointer; border: none; float: left; text-indent: -9999px; } .btn-o-krok-zpet input:hover { background-color: #5d5d5d; background-position: 0 0 !important; } .btn-pokracovat { float: right; margin: 8px 6px 0 0; text-align: center; overflow: hidden; display: inline; } .btn-pokracovat input { background: url(../../img/public/btn-pokracovat.gif) 0 -41px no-repeat #f74b03; width: 178px; height: 41px; cursor: pointer; border: none; float: left; outline: none; text-indent: -9999px; } .btn-pokracovat input:hover { background-color: #d03e01; background-position: 0 0 !important; } .btn-objednat-fotky { float: right; margin: 8px 6px 0 0; text-align: center; overflow: hidden; display: inline; } .btn-objednat-fotky input { background: url(../../img/public/btn-objednat-fotky.gif) 0 -41px no-repeat #f74b03; width: 178px; height: 41px; cursor: pointer; border: none; float: left; text-indent: -9999px; } .btn-objednat-fotky input:hover { background-color: #d03e01; background-position: 0 0 !important; } .btn-pridat-do-kosiku { float: right; margin: 8px 0 0 0; text-align: center; overflow: hidden; display: inline; } .btn-pridat-do-kosiku input { background: url(../../img/public/btn-pridat-do-kosiku.gif) 0 -41px no-repeat #f74b03; width: 178px; height: 41px; cursor: pointer; border: none; float: left; text-indent: -9999px; } .btn-pridat-do-kosiku input:hover { background-color: #d03e01; background-position: 0 0 !important; } .btn-ok { float: right; margin: -26px 6px 0 0; text-align: center; overflow: hidden; display: inline; } .btn-ok input { background: url(../../img/public/btn-ok.gif) 0 -26px no-repeat #f74b03; width: 43px; height: 26px; cursor: pointer; border: none; float: left; text-indent: -9999px; } .btn-ok input:hover { background-color: #d03e01; background-position: 0 0 !important; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BUTTONS (form): Background images & text value over (hover effect) ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .btn-login { float: left; margin: 12px 0 0 0; text-align: center; overflow: hidden; display: inline; clear: both; } .btn-login input { background: url(../../img/public/btn-prihlasit.gif) 0 -26px no-repeat #dbdbdb ; width: 71px; height: 26px; color: #7d7d7d; text-indent: 10px; line-height: 18px;font-size: 12px; cursor: pointer; border: none; float: left; margin: 0; padding: 0; } .btn-login input:hover { background-color: #cacaca; background-position: 0 0 !important; } #aside-middle .content form .btn-default { float: left; margin: 12px 0 0 0; text-align: center; overflow: hidden; display: inline; width: 100%;} #aside-middle .content form .btn-default input { background: url(../../img/public/btn-prihlasit.gif) 0 -26px no-repeat #dbdbdb ; width: 71px; height: 26px; color: #7d7d7d; text-indent: 10px; line-height: 18px;font-size: 12px; cursor: pointer; border: none; float: left; margin: 0; padding: 0; } #aside-middle .content form .btn-default input:hover { background-color: #cacaca; background-position: 0 0 !important; } #aside-middle div.content div.search form div.btn-vyhledat { float: left; margin: 17px 0 0 0; overflow: hidden; display: inline; } #aside-middle div.content div.search form div.btn-vyhledat input { background: url(../../img/public/btn-vyhledat.gif) 0 -26px no-repeat #dbdbdb ; width: 71px; height: 26px; color: #7d7d7d; text-indent: 10px; line-height: 18px;font-size: 12px; cursor: pointer; border: none; position: relative;float: left; margin: 0; padding: 0; } #aside-middle div.content div.search form div.btn-vyhledat input:hover { background-color: #cacaca; background-position: 0 0 !important; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BUTTONS (link): Background images & text value over (hover effect) ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .aside-outer div.box div.content .btn-odhlasit { background: url(../../img/public/btn-prihlasit.gif) 0 -26px no-repeat #dbdbdb; width: 71px; height: 26px; line-height: 26px; color: #7d7d7d; font-size: 12px; text-indent: 10px; margin: 12px 0 0 0; overflow: hidden; display: inline; text-decoration: none; float: left; clear: both; } .aside-outer div.box div.content .btn-odhlasit:hover { background-color: #cacaca; background-position: 0 0 !important; } .aside-outer div.box div.content .btn-wide { background: url(../../img/public/btn-wide.gif) 0 -26px no-repeat #dbdbdb; width: 150px; height: 26px; line-height: 26px; color: #7d7d7d; font-size: 12px; text-indent: 10px; margin: 12px 0 0 0; overflow: hidden; display: inline; text-decoration: none; float: left; clear: both; } .aside-outer div.box div.content .btn-wide:hover { background-color: #cacaca; background-position: 0 0 !important; } #aside-HP-middle div.content .btn-poradna { background: url(../../img/public/btn-poradna.gif) 0 -26px no-repeat #dbdbdb; width: 187px; height: 26px; line-height: 26px; color: #7d7d7d; font-size: 12px; text-indent: 10px; margin: 12px 0 0 0; overflow: hidden; display: inline; text-decoration: none; float: left; } #aside-HP-middle div.content .btn-poradna:hover { background-color: #cacaca; background-position: 0 0 !important; } #aside-HP-left div.content .btn-clanky { background: url(../../img/public/btn-clanky.gif) 0 -26px no-repeat #dbdbdb; width: 150px; height: 26px; line-height: 26px; color: #ffffff; font-size: 12px; text-indent: 15px; margin: 16px 0 0 0; overflow: hidden; display: inline; text-decoration: none; float: left; } #aside-HP-left div.content .btn-clanky:hover { background-color: #cacaca; background-position: 0 0 !important; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: RADIUS ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .radius-TOP-aMiddle { width: 100%; height: 5px; background: url(../../img/public/radius-aside-middle.gif) no-repeat 0px 0px #ededed; float: left; overflow: hidden; } .radius-TOP-HP-aMiddle { width: 100%; height: 5px; background: url(../../img/public/radius-aside-hp-middle.gif) no-repeat 0px 0px #ededed; float: left; overflow: hidden; } .radius-TOP-box { width: 100%; height: 5px; background: url(../../img/public/radius-aside-outer.gif) no-repeat 0px 0px #ededed; float: left; overflow: hidden; } .radius-BOTTOM-box { width: 100%; height: 5px; background: url(../../img/public/radius-aside-outer.gif) no-repeat 0px -5px #ededed; float: left; overflow: hidden; } .radius-BOTTOM-HP-poradna { width: 100%; height: 5px; background: url(../../img/public/radius-advice-hp-middle.gif) no-repeat 0px 0px #ededed; float: left; overflow: hidden; } .radius-BOTTOM-HP-aLeft { width: 100%; height: 10px; background: url(../../img/public/radius-hp-top-aside-left.gif) no-repeat 0px 0px #ffffff; float: left; overflow: hidden; padding-bottom: 20px; } radius-hp-top-aside-left /* ::: The end :::::::::::::::::::::::::::::::::::::::::: */ /* ::: SYMBOLS ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #aside-HP-middle div.content div.symbol-poradna { width: 52px; height: 59px;} #aside-HP-middle div.content div.symbol-poradna { width: 52px; height: 59px; background: url(../../img/public/ico-poradna.gif) top right no-repeat; margin: -6px 0 -24px 412px; display: inline; position: absolute; z-index: 100; left:0; top: 0; float: left;} #aside-HP-left div.symbol-zeme { width: 56px; height: 56px;} #aside-HP-left div.symbol-zeme { width: 56px; height: 56px; background: url(../../img/public/symbol-zeme.gif) top right no-repeat; margin: 14px 0 -24px 412px; display: inline; position: absolute; z-index: 100; left:0; top: 0; float: left;} /* ::: The end :::::::::::::::::::::::::::::::::::::::::: */ /* ::: MOTIVES ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .motiv-header { width: 574px; height: 168px; float: left; background: url(../../img/public/motiv-header.jpg) top right no-repeat;} /* ::: The end :::::::::::::::::::::::::::::::::::::::::: */ /* ::: TOOL BAR ::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #aside-middle .content .tool-bar { width: 100%; height: 35px; float: left; } #aside-middle .content .tool-bar { font-size: 19px; margin: 16px 0px 0px 0px; ; display: inline; line-height: 17px;} #aside-middle .content .tool-bar a { color: gray;} #aside-middle .content .tool-bar span.left-side { font-size: 11px; float: left; margin: 8px 0 0 0px; display: inline;} #aside-middle .content span.pages { float: left; margin-top: 0; margin-right: 8px; } #aside-middle .content span.text { float: left; margin-top: 0; } #aside-middle .content span.pages { float: left; margin-top: 0; } #aside-middle .content span.text { float: left; margin-top: 0; } /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ /* ::: BURZA, KURZY ::::::::::::::::::::::::::::::::::::::::::: */ #bruza {width:160px; padding:2px} #burzaTable {width:150px} #burzaTable img {border:0} #kurzy {width:160px; padding:2px;} #kurzyTable {width:150px;} #kurzyTable img {border:0} /* ::: The end ::::::::::::::::::::::::::::::::::::::::::: */ .blue {color: #009ce4;} img.clanek-motiv-thumb {float:left; margin: 10px 14px 0 0; border: solid #cccccc 1px;} img.clanek-motiv {float:left; margin: 10px 14px 0 0; border: solid #cccccc 1px;} img.clanek-motiv-homepage {float:left; margin: 10px 14px 0 0; border: solid #cccccc 1px;} .kalkulacky-help {color: #b2b2b2; font-size: 11px; font-style: italic;} /* ::: PORADNA ::::::::::::::::::::::::::::::::::::::::::: */ #aside-middle .content .nadpis-otazka-odpoved {color: #a2a2a2; font-size: 11px; font-style: italic;} #aside-middle .content .poradna-otazka {text-align: justify;} #aside-middle .content .poradna-odpoved {color: #009ce4; text-align: justify;} #aside-middle .content .datum-vystaveni {font-style: italic;}