/* ---------------------------------------------------------------- @company: www.actum.cz @author: Jan Panschab @site: Fitmin @colors grey: #44555f - pismo middle grey: #b3b9bd - box background light grey: #eceeef green: #9fce16 - all orange: #df9d1c - pes red: #a01120 - kocka ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- basic elements ---------------------------------------------------------------- */ * { margin: 0; padding: 0; } body { font: 62.5% Verdana, "Geneva CE", lucida, sans-serif; background: #eaeced url(../gfx/body.jpg) no-repeat center 0; color: #fff; } h1, h2, h3, h4, h5, h6 { font-weight: bold; padding: 1em 0 0.5em; } h1 { font-size: 2em; margin: 0 0 0.5em; font-weight: normal; } h2 { font-size: 1.4em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } a { color: #44555f; } a:hover { text-decoration: none; } #content a:visited { color: #666; } #content a:active { background-color: #44555f; color: #fff !important; } p { font-size: 1.1em; line-height: 1.5em; padding: 0 0 1em; } hr { clear: both; border: none; height: 2px; margin-top: 1em; background: url(../gfx/dot.gif) repeat-x 3px 0; } #content hr { margin-left: -18px; margin-right: -18px; } img { margin: 5px 0; border: 0; } #content img { padding: 3px; border: 1px solid #b3b9bd; } #content a:hover img { border: 1px solid #44555f; } #content img.left { float: left; margin-right: 10px; } #content img.right { float: right; margin-left: 10px; } ul, ol { font-size: 1.1em; line-height: 1.6em; list-style: outside; padding: 0.5em 0 1em 2em; } ul ul, ol ol, ul ol, ol ul { font-size: 1em; padding: 0 0 0 2em; } ul { list-style-type: square; } ul ul { list-style-type: disc; } ul ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } dl { font-size: 1.1em; padding: 0.5em 0 0; line-height: 1.5em; } dt { font-weight: bold; float: left; padding-right: 0.5em; } dd { padding: 0 0 0.5em; } table { font-size: 1.1em; border-collapse: collapse; margin: 0.5em 0 1em; } td, th { border: 1px solid #44555f; padding: 0.3em 0.6em; line-height: 1.6em; } thead, tfoot, th { background: #eceeef; } form { margin: 1em 0; } form fieldset { background: #b3b9bd; border: 0; margin: 0 0 1em; padding: 1.5em 10px 0.5em; } form legend { margin: 0 -10px; padding: 0; } form legend span { position: absolute; top: -3000px; left: 0; display: block; width: 431px; padding: 4px 15px; color: #fff; background: #9fce16; font-size: 1.3em; font-weight: bold; text-transform: uppercase; } form p { overflow: hidden; } form a { color: #fff; font-weight: bold; } form label { float: left; display: block; width: 125px; text-align: right; margin: 0.3em 10px; color: #fff; font-weight: bold } form input.text, form input.password, form textarea, form input.submit { font: 1em Verdana, "Geneva CE", lucida, sans-serif; padding: 0.3em; } form select { position: relative; top: 3px; width: 162px; font: 1em Verdana, "Geneva CE", lucida, sans-serif; background: #F5F5F4; } form select option { padding: 0 0.3em; } form input.text, form input.password, form textarea, form select { border: 1px solid #b3b9bd; } form input.text:focus, form input.password:focus, form textarea:focus, form select:focus { border: 1px solid #9fce16; } form input.text, form input.password { width: 200px; background: #efefef url(../gfx/input-text.gif) repeat-x 0 0; } form input.radio, form input.checkbox { float: left; } form textarea { width: 287px; background: #F5F5F4; } form input.submit { float: right; width: 160px; margin-right: 2px; padding: 3px 6px; color: #fff; background: url(../gfx/submit.gif) repeat-y 0 0; border: 0; font-weight: bold; cursor: pointer; text-align: right; } form input.submit:hover { color: #9fce16; } form .label-right { margin-left: 146px; } form .label-right label { width: auto; line-height: normal; margin-top: 0; } form .inline, form .list { position: relative; border: 0; margin: 0.5em 0 0 145px; padding: 0 0 0.5em; } form .inline legend span, form .list legend span { position: absolute; top: -4px; left: -135px; display: block; width: 100px; text-align: right; margin: 0 10px; background: none; font-size: 1.1em; text-transform: none; white-space: normal; } form .inline p { float: left; } form .list p { clear: left; overflow: hidden; } form .inline label, form .list label { text-align: left; line-height: normal; width: auto; margin: 0 15px 0 5px; } /* ---------------------------------------------------------------- basic classes ---------------------------------------------------------------- */ .nod { display: none; } .spaceman { position: absolute; top: -3000px; left: 0; } .left { text-align: left !important; } .right { text-align: right !important; } .center { text-align: center !important; } .fll { float: left !important; } .flr { float: right !important;} .cleaner { clear: both; } .clrl { clear: left; } #page .default { font-style: italic !important; color: #666; } /* ---------------------------------------------------------------- special classes ---------------------------------------------------------------- */ .hblock { font-size: 1.4em; font-weight: bold; text-transform: uppercase; padding: 4px 15px; clear: both; } .hblock2 { color: #FFFFFF; font-size: 1.2em; padding: 5px 10px; text-transform: uppercase; } #content .hblock { margin: 0 -18px 3px; } .date { border-left: 1px solid #44555f; font-size: 1.2em; margin-left: 5px; padding-left: 7px; } .date-no-bull { display: block; padding-top: 1em; } .more { float: right; margin-top: -1em; } #content .end { background: #fff url(../gfx/dot.gif) repeat-x 2px 0; margin: 10px -18px 0; height: 1px; clear: both; } .dark-block { background: #b3b9bd; padding: 0.5em 10px 0; color: #fff; font-weight: bold; } .perex { /*font-weight: bold;*/ } .toggle { cursor: pointer; } h2.toggle { display: block !important; font-size: 1.2em; } .table-fix { overflow: auto; margin-bottom: 1em; } .table-fix table { margin-bottom: 0; } .alert { background: #fcc; border: 1px solid #900; margin-bottom: 1em; padding: 0.5em 1em; } .success { background: #e2fab3; border: 1px solid #690; margin-bottom: 1em; padding: 0.5em 1em; } /* ---------------------------------------------------------------- layout ---------------------------------------------------------------- */ #page { position: relative; width: 965px; margin: 21px auto 0; padding: 6px 0; background: #fff; color: #44555f; overflow: hidden; -moz-box-shadow: 0px 0px 7px #444; -webkit-box-shadow: 0px 0px 7px #444; box-shadow: 0px 0px 7px #444; } #header { border-bottom: 5px solid #df9d1c; height: 105px; margin: 0 6px 77px; background: #44555F; } #header-top { position: relative; width: 953px; height: 78px; margin: 0; background: #44555f; } #header h1 a { position: absolute; top: 17px; left: 21px; width: 195px; height: 41px; color: #fff; } #header h1 a span { position: absolute; top: 0; left: 0; display: block; width: 195px; height: 41px; background: url(../gfx/fitmin-logo.png) no-repeat 0 0; cursor: pointer; } .topHeader { position: absolute; top: 0; left: 270px; background: url(../gfx/topHeader.png) no-repeat; width: 398px; height: 106px; } #header form { position: absolute; top: 45px; right: 8px; margin: 0; } #header form fieldset { border: none; background: none; padding: 0; margin: 0; } #header form legend { display: none; } #header form input.text { width: 132px; float: left; } #header form input.submit { width: 57px; background: none; border: 0; font-size: 1.1em; font-weight: bold; margin: 0; padding: 4px; } #header ul { background: #9fce16; list-style: none; margin: 0; padding: 5px 10px; overflow: hidden; text-align: right; width: 370px; float: right; } #header ul li { display: inline; } #header ul li a, #header ul li strong { padding: 7px 4px 7px 10px; background: url(../gfx/lang-bull.gif) no-repeat 0 center; font-size: 1.2em; color: #fff; } #header ul li a { text-decoration: none; } #header ul li a:hover { text-decoration: underline; } #header ul li.no-bull a, #header-top ul li.no-bull a, #header ul li.no-bull strong { background: none; } #header-top ul { position: absolute; top: 5px; right: 0; color: #fff; background: none; margin: 0; } #header-top ul li a { background: url(../gfx/nav-bull.gif) no-repeat 0 10px; } #header .banner { position: absolute; top: -2px; left: 247px; } #crumbs { position: absolute; top: 162px; left: 6px; width: 950px; } #crumbs h4 { float: left; font-size: 1em; font-weight: normal; padding: 3px 3px 0; } #crumbs ol { list-style: none; overflow: hidden; padding: 0; } #crumbs ol li { float: left; padding-right: 3px; } #crumbs ol li a, #crumbs ol li strong { font-size: 0.909em; } /* 1. uroven */ #nav-1, #nav-1 ul { list-style: none; padding: 0; } #nav-1 > li > a { position: absolute; display: block; width: 113px; height: 31px; background: url(../gfx/nav01.png) repeat-x 0 0; text-align: center; } #item-1-1 > a, #item-1-2 > a, #item-1-3 > a { top: 80px !important; } #item-1-1 > a { left: 10px !important; } #item-1-2 > a { left: 125px !important; } #item-1-3 > a { left: 240px !important; } #nav-1 > li > a span { position: absolute; top: 0; left: 0; display: block; width: 113px; height: 31px; background: url(../gfx/nav01.png) no-repeat 0 0; } #item-1-1 a:hover span, #item-1-1 strong span { background-position: 0 0px !important; } #item-1-2 a span { background-position: 0 -60px !important; } #item-1-2 a:hover span, #item-1-2 strong span { background-position: 0 -60px !important; } #item-1-3 a span { background-position: 0 -120px !important; } #item-1-3 a:hover span, #item-1-3 strong span { background-position: 0 -120px !important; } #en #nav-1 > li > a span { background: url(/gfx/nav01en.png) no-repeat 0 -50px; } #en #item-1-1 a:hover span, #en #item-1-1 strong span { background-position: 0 0px !important; } #en #item-1-2 a span { background-position: 0 -150px !important; } #en #item-1-2 a:hover span, #en #item-1-2 strong span { background-position: 0 -100px !important; } #en #item-1-3 a span { background-position: 0 -250px !important; } #en #item-1-3 a:hover span, #en #item-1-3 strong span { background-position: 0 -200px !important; } #pl #nav-1 > li > a span { background: url(/gfx/nav01pl.png) no-repeat 0 -50px; } #pl #item-1-1 a:hover span, #pl #item-1-1 strong span { background-position: 0 0px !important; } #pl #item-1-2 a span { background-position: 0 -150px !important; } #pl #item-1-2 a:hover span, #pl #item-1-2 strong span { background-position: 0 -100px !important; } #pl #item-1-3 a span { background-position: 0 -250px !important; } #pl #item-1-3 a:hover span, #pl #item-1-3 strong span { background-position: 0 -200px !important; } /* 2. uroven */ #nav-2 > li > a { position: absolute; top: 115px; display: block; height: 37px; line-height: 37px; background: #8d8c8e url(../gfx/nav2.gif) repeat-x 0 0; color: #fff; font-size: 1.1em; font-weight: bold; text-align: center; text-decoration: none; border-right: 1px solid #65818f; } #nav-2 > li > a:hover { background-position: 0 -100px; } #nav-2 > li > a > strong { display: block; height: 37px; line-height: 37px; background: #8d8c8e url(../gfx/nav2.gif) repeat-x 0 -100px; } #item-2-1 > a { left: 6px; width: 76px; } #item-2-2 > a { left: 6px; width: 170px; } #item-2-3 > a { left: 177px; width: 110px; } #item-2-4 > a { left: 288px; width: 150px; } #item-2-5 > a { left: 439px; width: 125px; } #item-2-6 > a { left: 565px; width: 150px; } #item-2-7 > a { left: 716px; width: 130px; } #item-2-8 > a { left: 847px; width: 111px; } #item-2-9 > a { left: 884px; width: 75px; } #en #item-2-2 > a { left: 6px; width: 218px; } #en #item-2-3 > a { left: 225px; width: 168px; } #en #item-2-4 > a { left: 394px; width: 202px; } #en #item-2-5 > a { left: 597px; width: 178px; } #en #item-2-6 > a { left: 776px; width: 182px; } #pl #item-2-2 > a { width: 210px; left: 6px; } #pl #item-2-3 > a { width: 130px; left: 217px; } #pl #item-2-4 > a { width: 190px; left: 348px; } #pl #item-2-5 > a { width: 130px; left: 539px; } #pl #item-2-7 > a { width: 175px; left: 670px; } #pl #item-2-8 > a { width: 112px; left: 846px; } /* hidden here bcuz perseus sux */ #pl #item-2-6 a, #pl #item-2-6 { display: none; } /* 3. uroven */ #nav-1 { /*background: url(../gfx/dot.gif) repeat-y 0 1px;*/ } #nav-2 { /*background: url(../gfx/dot.gif) repeat-y 220px 1px;*/ } #nav-3 { padding: 0 0 10px !important; /*background: url(../gfx/dot-bottom.gif) repeat-x 1px bottom;*//*background: url(../gfx/dot-bottom.gif) repeat-x 1px bottom;*/ } #nav-3 > li { /*background: url(../gfx/dot.gif) repeat-x 1px 0;*/ border-bottom: 1px solid #c7ccda; } #nav-3 > li > a { display: block; padding: 6px 10px; background: #eceeef; font-size: 1.2em; font-weight: bold; text-decoration: none; } #nav-3 > li > a:hover, #nav-3 > li > a > strong { color: #df9d1c; } /* 4. uroven */ #nav-4 { padding-top: 2px; } #nav-4 > li > a { display: block; width: 150px; padding:7px 4px 1px 30px; /*background: url(../gfx/dot.gif) repeat-x 0 1px;*/ font-size: 1.2em; font-weight: bold; color: #707a80; text-transform: uppercase; text-decoration: none; } #nav-4 > li > a:hover, #nav-4 > li > a strong { color: #df9d1c; } #nav-3 li.blue a { background: #36c; } /* 5. uroven */ #nav-5 > li > a { display: block; width: 125px; padding: 7px 17px 1px 72px; /*background: url(../gfx/dot.gif) repeat-x 0 1px;*/ font-size: 1.2em; font-weight: bold; color: #707a80; text-transform: uppercase; text-decoration: none; } #nav-5 > li > a:hover, #nav-5 > li > a strong { color: #df9d1c; } #wrapper { float: left; width: 765px; margin-top: 0; } #content { float: right; width: 533px; padding: 0 18px; border-left: 1px dotted #666666; border-right: 1px dotted #666666; } #paging { list-style: none; overflow: hidden; padding: 1em 0; font-size: 1em; } #paging li { float: left; display: block; width: 14px; margin: 1px; text-align: center; } #paging a { text-decoration: none; line-height: 20px; padding: 0 4px; } #paging a:hover { text-decoration: underline; } #paging .arr { width: 20px; background: #df9d1c; } #paging .arr a { font-size: 18px; color: #fff !important; line-height: 17px; } #paging .arr a:hover { text-decoration: none; color: #44555f !important; } #aside-left { float: left; width: 184px; margin-left: 6px; } #aside-left .btop { margin: 0 0 6px; } #product-of-day h3 { margin-top: 6px; } #product-of-day img { margin: 0; } #aside-right { float: right; width: 184px; margin-right: 6px; } #login-form { margin: 0 0 10px; } #login-form fieldset { margin: 0; } #login-form legend { margin-right: -19px; } #login-form legend span { background: none repeat scroll 0 0 #B3B9BD; color: #44545F; letter-spacing: -0.02em; padding: 15px 0 0 12px; position: relative; top: 0; width: 172px; } #login-form label { width: 35px; margin: 0.3em 8px 0.3em 5px; } #login-form input.text, #login-form input.password { width: 153px; } ul#registr { color: #FFFFFF; list-style-type: disc; } .banner { margin: 6px 0 0; display: block; } .banner-top { display: block; } .banner img, .banner-top img { margin: 0; } .mapa.box { background: #88bce2; } .mapa.box h3 { padding: 12px 18px; font-size: 1.4em; text-transform: uppercase; } .mapa.box form { margin: 0; } .mapa.box form fieldset { background: none; } .mapa.box form input.submit { background: url(../gfx/button.png) repeat-y scroll 0 0 transparent; } .info.box { background: #9fce16; overflow: hidden; } .info.box .submit { float: right; width: 134px; margin: 0 7px 5px 0; padding: 3px 6px 3px 30px; color: #fff; border: 0; font-weight: bold; text-align: left; } .info.box .submit.tel { background: url(../gfx/tel.png) repeat-y 0 0; } .info.box .submit.mail { background: url(../gfx/mail.png) repeat-y 0 0; cursor: pointer; } .info.box .submit.mail a { color: #fff; text-decoration: none; } .info.box .submit.mail a:hover { text-decoration: underline; } #footer { width: 965px; margin: 0 auto; padding: 15px 0 50px; overflow: hidden; } #footer a { color: #435058; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer ul { list-style: none; padding: 0; } #footer ul li { float: left; border-left: 1px solid #435058; line-height: normal; padding: 0 10px; } #footer ul li.no-bull { border: 0; padding-left: 0; } #footer ul li.last { padding-right: 0; } .boxFooter { padding: 16px 50px; margin-bottom: 10px; background: url(../gfx/footer.png) repeat 0 0; overflow: hidden; color: #000; } .block-footer-links { float: left; margin-right: 85px; } .block-footer-links.last { margin-right: 0; } .boxFooter h3 { padding: 0 0 18px; font-size: 1.1em; } .boxFooter ul { list-style: disc !important; margin-left: 15px; } .boxFooter ul li { border-left: none !important; float: none !important; padding: 0 0 5px !important; } .boxFooter ul li a { text-decoration: underline !important; } .boxFooter ul li a:hover { text-decoration: none !important; } /* ---------------------------------------------------------------- js plugins ---------------------------------------------------------------- */ .corners { position: relative; } .corners .top-left, .corners .top-right, .corners .bottom-left, .corners .bottom-right { position: absolute; width: 5px; height: 5px; background: url(../gfx/corners.png) no-repeat left top; } .corners .top-left { top: 0; left: 0; } .corners .top-right { top: 0; right: 0; background-position: right top; } .corners .bottom-left { bottom: 0; left: 0; background-position: left bottom; } .corners .bottom-right { bottom: 0; right: 0; background-position: right bottom; } /* validation plugin */ label.error { clear: both; margin: 0 0 0 150px; color: #a01120; width: auto !important; text-align: left; } input.error, select.error, textarea.error { border: 1px solid #a01120 !important; } /* ---------------------------------------------------------------- home page ---------------------------------------------------------------- */ .hp #content h2 { padding-top: 0.5em; display: inline-block; } .hp #content h2.icon-fitmince { padding: 8px 0 8px 50px; line-height: 1.2; background: url('/gfx/tag-fitmince.jpg') no-repeat 0 50%; } /* ---------------------------------------------------------------- inzerce ---------------------------------------------------------------- */ .inzerce #content h2 { display: inline-block; font-size: 1.2em; } .inzerce .date { font-size: 1em; } /* ---------------------------------------------------------------- poradna ---------------------------------------------------------------- */ .poradna #content h2, .comment h3 { display: inline-block; font-size: 1.2em; } .poradna .date { font-size: 1em; /*border: 0; margin: 1em 0 0; padding: 0; display: block;*/ } .comment { /*width: 430px;*/ border-left: 1px dotted #157F96; border-right: 1px dotted #157F96; } .com-in { padding: 0 16px; } .comment .hcom { display: block; margin: 0 -16px; padding: 4px 15px; background: #df9d1c; font-size: 1.3em; font-weight: bold; color: #fff; text-transform: uppercase; clear: both; } .comment .end { margin: 0em -16px !important; } #add-comment textarea { width: 294px; } /* ---------------------------------------------------------------- super hp ---------------------------------------------------------------- */ .shp #shp-banner { position: relative; z-index: 100; top: 6px; margin: 0; } .shp #header { height: 250px; margin: 0; border: none; background: none; } .shp #header-top { margin-left: 6px; } .shp #header ul { margin: 0 6px; width: 933px; } .shp #wrapper { margin-top: 0; } .shp #to-hp-2 { top: 88px !important; } .shp #item-1-1 > a, .shp #item-1-2 > a, .shp #item-1-3 > a { background: url(../gfx/navHP.png) repeat-x scroll 0 0 transparent; display: block; height: 129px; position: absolute; top: 115px !important; text-align: center; width: 317px; } .shp #item-1-1 > a { left: 6px !important; } .shp #item-1-2 > a { left: 323px !important; } .shp #item-1-3 > a { left: 640px !important; } .shp #nav-1 > li > a span { position: absolute; top: 0; left: 0; display: block; width: 317px; height: 129px; background: url(../gfx/navHP.png) no-repeat 0 0; } #en.shp #nav-1 > li > a span { background-image: url(../gfx/navHPen.png); } #pl.shp #nav-1 > li > a span { background-image: url(../gfx/navHPpl.png); } .shp #item-1-1 > a > span { background-position: 0 -100px; } .shp #item-1-2 > a > span { background-position: 0 -401px !important; } .shp #item-1-3 > a > span { background-position: 0 -800px !important; } .shp #item-1-1 > a:hover > span { background-position: 0 -200px !important; } .shp #item-1-2 > a:hover > span { background-position: 0 -580px !important; } .shp #item-1-3 > a:hover > span { background-position: 0 -1000px !important; } #en.shp #item-1-1 > a > span { background-position: 0 -200px; } #en.shp #item-1-2 > a > span { background-position: 0 -600px !important; } #en.shp #item-1-3 > a > span { background-position: 0 -1000px !important; } #en.shp #item-1-1 > a:hover > span { background-position: 0 0px !important; } #en.shp #item-1-2 > a:hover > span { background-position: 0 -400px !important; } #en.shp #item-1-3 > a:hover > span { background-position: 0 -800px !important; } #pl.shp #item-1-1 > a > span { background-position: 0 -200px; } #pl.shp #item-1-2 > a > span { background-position: 0 -600px !important; } #pl.shp #item-1-3 > a > span { background-position: 0 -1000px !important; } #pl.shp #item-1-1 > a:hover > span { background-position: 0 0px !important; } #pl.shp #item-1-2 > a:hover > span { background-position: 0 -400px !important; } #pl.shp #item-1-3 > a:hover > span { background-position: 0 -800px !important; } .shp #product-of-day h3 { margin-top: 0; } .shp #aside-right { } #desc { position: absolute; top: 230px; left: 0; margin: 0 240px 0 300px; } #desc p { font-size: 1.2em; color: #495259; text-align: right; line-height: 1.3; } .shp #content h2 { padding-top: 0.5em; display: inline-block; } .shp .hblock, .shp #login-form legend span { color: #9fcd15; } /* ---------------------------------------------------------------- no-nav - napr. mapa webu ---------------------------------------------------------------- */ .no-nav #header { margin: 0 6px 10px; } .no-nav #wrapper { } .no-nav #crumbs { display: none; } .no-nav #nav-2, .no-navCrumbs #nav-2 { display: none; } .no-navCrumbs #header { margin: 0 6px 50px; } .no-navCrumbs #crumbs { top: 132px; } /* ---------------------------------------------------------------- prodejny ---------------------------------------------------------------- */ .prodejny #content img { border: 0; float: left; } .prodejny #content h2 { clear: both; font-size: 1.2em; } /* ---------------------------------------------------------------- SearchResult ---------------------------------------------------------------- */ #search-res { padding: 0; list-style-type: none; } #search-res li { padding: 10px 0; } #search-res li h2 { padding: 0 0 0.5em; } /* ---------------------------------------------------------------- anketa ---------------------------------------------------------------- */ #opinion-poll { margin: 6px 0; padding: 0 1.5em 0.5em; background: #eceeef; border: 1px solid #b3b9bd; } #opinion-poll ul { list-style: none; padding: 0; } #opinion-poll ul li { margin: 5px 0; } #opinion-poll .progress { clear: both; display: block; height: 10px; border: 1px solid #b3b9bd; } #opinion-poll .progress span { display: block; height: 10px; background: #9fce16; } /* ---------------------------------------------------------------- checklist-view ---------------------------------------------------------------- */ #checklist-view .list { margin-left: 200px; } #checklist-view .list legend span { width: 200px; left: -230px; } #checklist-view textarea { width: 230px; height: 100px; } /* ---------------------------------------------------------------- registration ---------------------------------------------------------------- */ #registration-step2 label { width: 200px; } #registr-form input[type=checkbox] { position: relative; top: 5px; } /* ---------------------------------------------------------------- fancybox ---------------------------------------------------------------- */ #fancy_ajax { color: #44555f; } #sysmessages { font-size: 100%; font-weight: bold; padding: 0 5px 10px; font-weight: bold; list-style-type: none; } #sysmessages ol { width: 686px; margin: 0; } #sysmessages li, p.badNews, p.goodNews, p.infoNews { margin: 4px; padding: 6px 6px 6px 40px; border-top: 1px solid; border-bottom: 1px solid; background-repeat: no-repeat; background-position: 6px 2px; } /* ---------------------------------------------------------------- pedigree ---------------------------------------------------------------- */ .pedigree-articles.uvod h3.hblock { display: none; } .pedigree-articles #nav-1 > li > a, .pedigree #nav-1 > li > a { visibility: hidden; } .pedigree-articles #item-2-1 > a, .pedigree #item-2-1 > a { left: 6px; width: 207px; } .pedigree-articles #item-2-2 > a, .pedigree #item-2-2 > a { left: 214px; width: 293px; } .pedigree-articles #item-2-3 > a, .pedigree #item-2-3 > a { left: 508px; width: 239px; } .pedigree-articles #item-2-4 > a, .pedigree #item-2-4 > a { left: 748px; width: 211px; } .pedigree-articles #aside-right, .pedigree #aside-right { } .pedigree-articles .date { border: 0; margin: 0; padding: 0; font-size: 1em; } .pedigree-articles .tag { border-left: 1px solid #44555F; margin-left: 10px; padding-left: 10px; } .pedigree #wrapper { background-position: 729px 0; } .pedigree #content .end { background: none; } .pedigree #nav-3 { margin-bottom: 15px; list-style: none; } .pedigree h3 { font-size: 1.2em; } #big { float: left; width: 711px; margin: 0 10px; } table .father { background-color: #ECEEEF; } .family label { width: 160px; } .family select { float: left; width: 50px; } .family .submit { margin-top: 2px; } #big .selected { font-weight: bold; font-size: 1.2em; line-height: 1.5; } #big li.selected { font-size: 1.5em; line-height: 2; } #pedigree-search .submit { width: 202px; } #pedigree-search .text { width: 300px; } #big .button { display: block; background-color: #ECEEEF; border: 1px solid #44555F; padding: 10px; } #big .button a { color: #157F96; line-height: 1.2; } #secondary-content { margin-left: 234px; } /* ---------------------------------------------------------------- dostihy ---------------------------------------------------------------- */ #form-career label { width: auto; margin: 0.3em 0; } #form-career .text { float: left; width: 65px; margin-right: 10px; } #form-career select { margin-left: 5px; width: 100px; } #form-career .submit { width: 82px; margin-top: 2px; } #form-racedays label { float: none; text-align: left; margin-left: 0; margin-top: 0; width: 100px; } #form-racedays p { float: left; margin-right: 10px; } #form-racedays p.last { margin-right: 0; } #form-racedays .text { width: 116px; } #form-racedays .submit { width: 150px; margin-top: 20px; } .race-info { float: left; width: 120px; text-align: center; padding-top: 12px; } .race-detail { float: left; width: 290px; padding-left: 50px; } .race-detail h2 { padding-top: 12px; } .race-detail-table { width: 100%; } .race-detail-table .double td, .race-detail-table th { border-bottom: 3px double; } .overflow { overflow: auto; width: 100%; } #content ul.page-list { list-style: none outside; display: block; text-align: center; font-size: 13px; line-height: 18px; } #content ul.page-list a { padding: 3px 8px; margin: 0 2px; color: #000; background: #eee; text-decoration: none; font-weight: bold; border: 1px solid #ddd; } #content ul.page-list a:hover { color: #9FCE16; background: #44555f; } #content ul.page-list li { display: inline; } #content ul.page-list li.selected a { color: #9FCE16; background: #44555f; } /* ---------------------------------------------------------------- poland map ---------------------------------------------------------------- */ #poland img { border: 0; } #map-small-pl { margin: 0 7px; } /* * Map form */ fieldset#map-form { clear: both; } /* HORSE - HIDDEN FIELD */ input#horseRequiredEmailField { display: none; }