/** * * SNACKER - skolni svacinovy system * http://www.snacker.cz * * Hlavni CSS styl. * * Autor: Petr Dvorak, Breezy New Media (www.breezy.cz) * * * media: all * I. Nadpisy & zakladni tagy * II. Zakladni CSS tridy * * media: screen, projectio, tv * 1) Pisma & barvy pisma * 2) Layout * 3) Jednotlive stranky * a) Bezna stranka * b) Homepage * c) Prehled sortimentu * d) Detail kategorie * e) Objednavka * f) Pokladna * g) Sprava a historie * h) Prihlaseni a registrace * i) Kontakt * j) Mapa webu * k) Informace * * 4) Inputy & formulare * 99) Zbytek * * media: print * **/ /******************************************************************************* * @media: "all" ******************************************************************************/ /* * I. Nadpisy & zakladni tagy * ======================= **/ #content h2, #content h3 { font-size: 1.42em; font-weight: normal; margin: 30px 0 15px 0;} #content h2.first, #content h3.first { margin-top: 0; position: relative; z-index: 10;} #content h4 { margin: 15px 0 0 0;} #content p { margin: 10px 0;} #content ul.indent { margin: 10px 0 10px 40px; list-style: none;} #content ul.indent li { background: url(../images/ul-s.gif) 0 5px no-repeat; padding: 0 0 5px 30px; } /* * II. Zakladni CSS tridy * ================== **/ .none { display: none;} .hidden { visibility: hidden;} .clear { clear: both;} .fl { float: left !important;} .fr { float: right !important;} .left, .l { text-align: left;} .right, .r { text-align: right;} .center, .c { text-align: center;} .clear, .clear1px, .clear20px { clear: both;} .clear1px { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */} .clear20px { clear: both; height: 20px; font-size: 20px; line-height: 20px; /* for IE */} .clear-l { clear: left;} .clear-r { clear: right;} .bold { font-weight: bold;} .italic { font-style: italic;} .nomargin { margin: 0 !important;} .w30p { width: 30%;} .w35p { width: 35%;} .w590 { width: 590px;} .w300 { width: 300px;} /******************************************************************************* * @media: "screen, projection, tv" ******************************************************************************/ @media screen, projection, tv { html, body, h1, h2, h3, h4, p, ul, li, hr, form { margin: 0; padding: 0;} /* * 1) Pisma & barvy pisma * =================== **/ body, input, textarea { font: 0.9em/1.4em Helvetica, Arial, sans-serif;} a { color: #5A708C; text-decoration: underline; outline-style: none;} a.red, .red { color: #DC2228;} a:hover { color: #DC2228;} a span { cursor: pointer;} a img { border: 0;} table { font-size: 1em;} #content, input, textarea { color: #5A708C;} #footer { font-size: 0.75em;} #footer a { color: #D02B2B;} #footer a:hover, #logo a { color: #3A3A3A;} #content h2, #content h3, #content h4 { color: #DC2228;} /* * 2) Layout * ====== **/ .center-content { margin: auto; width: 960px;} #header { background: #fff url(../images/background-header.png) 0 100% repeat-x; height: 80px; padding-top: 20px;} #page, #homepage { background-color: #B5CCE7;} #content { background: url(../images/background-gradient.jpg) 50% 0 no-repeat; min-height: 430px; position: relative} * html #content { height: 430px; /* IE6- */} #homepage #content { background: url(../images/background-homepage-gradient.jpg) 50% 100% no-repeat;} #page #content { padding: 20px 0 50px 0;} #footer { background: url(../images/background-footer.png) 0 0 repeat-x; padding-bottom: 20px;} #footer .center-content { position: relative;} .footer-homepage { padding-top: 50px;} /* Logo */ #logo, #logo a, #logo span#logo-img { display: block; height: 60px; overflow: hidden; width: 250px;} #logo { font-size: 2em; font-weight: normal; position: relative;} #logo a { text-decoration: none;} #logo span#logo-img { background: url(../images/logo.png) 0 0 no-repeat; left: 0; position: absolute; top: 0; z-index: 20;} #logo span#logo-sub { color: #7D7E7E; display: block; font-size: 0.45em; text-transform: uppercase;} /* Paticka */ #footer ul, #footer li { list-style: none;} #footer ul { padding: 20px 0 10px 40px;} #footer li { display: inline; margin-right: 13px;} #footer p { padding-left: 40px;} #footer #breezy { position: absolute; top: 0; right: 34px; background: url(../images/footer-paper.jpg) top right no-repeat; padding: 20px 6px 20px 0;} #footer #breezy a { background: url(../images/breezy.png) 0 50% no-repeat; margin-left: 4px; padding: 4px 0 4px 22px;} #footer #breezy a:hover { background-position: -400px 50%;} .footer-homepage #breezy { background: transparent !important;} /* Hlavni menu (vychazi z tridy .links) */ #menu { position: absolute; left: 50%; margin-left: -335px; top: 32px; width: 800px;} #menu .links a span span { padding: 0 0 7px 0;} #menu ul { float: right; width: auto;} #menu a { color: #000; margin: 0 0 0 15px !important;} #menu a:hover { color: #DC2228;} #menu a span span { padding-left: 4px !important; padding-right: 4px !important;} #menu li.active a { font-weight: bold;} #menu li.active a { background: #DC2228 url(../images/link-menu-left.gif) 0 0 no-repeat !important; color: #fff !important;} #menu li.active a span { background: url(../images/link-menu-right.gif) 100% 0 no-repeat !important;} #menu li.active a span span { background: url(../images/link-menu-bottom.gif) 50% 100% no-repeat !important;} /* Drobeckova navigace & link Prihlasit - Odhlasit */ #breadcrumbs { background: #DC2228 url(../images/background-breadcumbs.png) 0 0 repeat-x; color: #fff; height: 60px; position: relative; z-index: 1;} #breadcrumbs-path { line-height: 60px !important;} #breadcrumbs-path a { color: #fff; margin: 0 3px;} #breadcrumbs-path a:hover { color: #000;} #breadcrumbs-path span { padding: 0 15px 0 30px;} #breadcrumbs-path em { margin-left: 3px; font-style: normal;} #breadcrumbs .center-content { position: relative;} #login-link, #logout-link { background: url(../images/login-decoration.png) 0 0 no-repeat; display: block; height: 85px; line-height: 52px !important; position: absolute; right: 11px; top: 4px; width: 300px; z-index: 5;} #login-link a, #login-link a span, #logout-link a.navigation-logout-button, #logout-link a.navigation-logout-button span { color: #fff; display: block; height: 45px; overflow: hidden; position: absolute; right: 0; top: 0; width: 160px;} #login-link a, #logout-link a.navigation-logout-button { right: 4px;} #login-link a span, #logout-link a.navigation-logout-button span { background: url(../images/login.png) 0 0 no-repeat;} #login-link a:hover, #logout-link a.navigation-logout-button:hover { background-color: transparent;} /* IE6.0 */ #login-link a:hover span, #logout-link a.navigation-logout-button:hover. span { background-position: 0 -45px;} #logout-link { background: url(../images/logout-decoration.png) 100% 0 no-repeat; padding-right: 180px; text-align: right; width: auto;} #logout-link a.navigation-logout-button, #logout-link a.navigation-logout-button span { width: 77px;} #logout-link a.navigation-logout-button span { background-image: url(../images/logout.png);} #logout-link a.navigation-profile-link { color: #fff; } #logout-link a.navigation-profile-link:hover { color: #fff; text-decoration: none; } /* Prihlaseni */ #login { position: absolute; right: 0; top: -15px; width: 281px; z-index: 100; } #login .inside { background: #fff url(../images/login-background.png) 50% 0 no-repeat; height: 150px; padding: 8px 0 0 16px; position: absolute; width: 265px; top: 23px; right: 0;} #login h4 { font-size: 0.9em !important; font-weight: normal; margin: 0 10px 10px 0; text-align: right; } #login h4 a.login-link { background: url(../images/login-ico.png) 0 50% no-repeat; color: #EE5A5F; padding: 5px 0 5px 25px;} #login .input { background: url(../images/login-input.png) 0 0 no-repeat; display: block; height: 33px; line-height: 33px !important; margin: 10px 0 !important; padding: 0 10px; width: 245px;} #login .input input { border: 0; color: #878787; font-size: 0.9em; width: 220px;} #login .remember_me { float: right; font-size: 0.8em; margin-right: 25px; line-height: 15px; } #login .fr { font-size: 0.8em; margin-right: 25px; } #login .fr a { color: #E82B31; line-height: 17px;} #login a:hover { color: #000;} #login.sign-on { width: 400px !important; z-index: 100 !important; } #login.sign-on a { color: #EE5A5F; } #login.sign-on a:hover { text-decoration: none; } #login a.menu-profile-link { padding: 5px 0; margin: 0 10px 0 5px !important; font-weight: bold; } #login a.menu-logout-link { padding: 5px 0; margin: 0 !important; } /* Odkaz "skoc na navigaci" */ #skip { left: 20px; position: absolute; top: 20px;} #skip a { background: #DC2228; color: #fff; display: block; font-size: 0.9em; left: -2000px; padding: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 150px;} #skip a:active, #skip a:focus { left: 0;} /* * 3a) Bezna stranka **/ /* layout */ #page .col-left { float: left; padding: 0 10px; width: 210px;} #page .col-right { display: inline /* IE6.0- */; float: right; margin-right: 10px; padding-top: 2px; width: 700px;} #page .col-left h3 { padding: 0 5px 0 20px; margin-bottom: 15px;} #page .col-left .box { margin-right: 10px;} #page .col-left .box a { color: #DC2228;} #page .col-sub-left { float: left; width: 459px;} #page .col-sub-right { float: right; width: 220px;} #page .static-page { padding: 0 15px 0 10px;} #submenu, #submenu li { list-style: none;} #submenu { position: relative; float: left; width: 100%;} #submenu li.active { background: url(../images/submenu-active.gif) 200px 0.7em no-repeat;} #submenu a { background: #FFFFFF 0 50% no-repeat; border-bottom: 1px solid #DAE6F4; color: #DC2228; display: block; margin-right: 10px; padding: 8px 20px; text-decoration: none;} * html #submenu a { height: 1px; /* IE6.0 hack */} #submenu a.plus { background-image: url(../images/submenu-plus.gif) !important;} #submenu a.minus { background-color: #DC2228; background-image: url(../images/submenu-minus.gif) !important; color: #fff !important; font-weight: bold;} #submenu a:hover, #submenu .active a { background-color: #DC2228; color: #fff; font-weight: bold;} #submenu a.plus:hover { background-position: -200px 50%;} #submenu ul a { background: #C0D4EC !important; color: #5A708C !important; font-weight: normal !important; padding-left: 30px;} #submenu ul a:hover, #submenu ul .active a { background-color: #DC2228 !important; color: #fff !important; font-weight: bold !important;} #submenu span.first { background: url(../images/submenu-top.gif) 0 0 no-repeat; display: block; height: 9px; left: 0; overflow: hidden; position: absolute; top: 0; width: 200px;} #submenu a.minus span.first, #submenu a:hover span.first, #submenu .active span.first { background-position: 0 -9px;} ol { font-size: 1.1em; } /* * 3b) Homepage * ======== **/ /* layout */ #homepage { background-image: url(../images/background-homepage-text.png); background-position: 0 0; background-repeat: repeat-x;} #homepage .col-left { float: left; width: 500px;} #homepage .col-right { float: right; width: 350px;} #homepage #col-table { position: absolute; z-index: 10;} #homepage a { color: #DC2228;} #homepage a:hover { color: #000;} #homepage #content { background-position: 50% 0; /*min-height: 700px;*/ min-height: 0; padding-bottom: 0;} * html #homepage #content { height: 700px;} #homepage #content-text { padding: 40px 20px 0 20px;} #content-bottom-homepage { background: #DC2228; height: 60px; margin-bottom: 0px;} #homepage-school, #homepage-parent { height: 140px; margin-top: 20px; overflow: visible; padding: 25px 30px 0 30px; position: relative;} #homepage-school { background: url(../images/homepage-school-background.png) 0 0 no-repeat; float: left; width: 485px;} #homepage-school h2 { font-weight: bold;} #homepage-parent { background: url(../images/homepage-parent-background.png) 0 0 no-repeat; float: right; width: 280px;} #homepage-parent h2 { font-size: 1.3em;} #homepage-school p, #homepage-parent p { font-size: 0.9em;} #homepage-school .links, #homepage-parent .links { position: absolute; bottom: -14px;} #homepage-school .links a, #homepage-parent .links a { background: url(../images/hp-link-right.png) 100% 0 no-repeat; color: #fff; font-size: 0.9em; padding-left: 0; padding-right: 25px;} #homepage-school .links a span, #homepage-parent .links a span { background: url(../images/hp-link-left.png) 0 0 no-repeat; padding-left: 15px;} #homepage-school .links a:hover { background-image: url(../images/hp-link-right-hover.png);} #homepage-school .links a:hover span, #homepage-parent .links a:hover span { background-image: url(../images/hp-link-left-hover.png);} #homepage-parent .links a:hover { background-image: url(../images/hp-link-right-hover.png); color: #fff;} #homepage-parent .links a:hover span { background-image: url(../images/hp-link-left-hover.png);} #homepage-parent .links a { background-image: url(../images/hp-link-right.png); color: #fff;} #homepage-parent .links a span { background-image: url(../images/hp-link-left.png);} #homepage-why { padding: 40px 20px 0 20px;} #homepage-why h3 { color: #283847; float: left; font-size: 1.1em; margin-top: 0 !important; padding-top: 1em;} #homepage-why .links { float: right; width: auto !important;} .links-why a { background: url(../images/hp-why-right.png) 100% 0 no-repeat !important; color: #283847 !important; font-size: 0.9em; line-height: 40px !important; margin-right: 7px !important; padding-left: 0; padding-right: 20px;} .links-why a span { background: url(../images/hp-why-left.png) 0 0 no-repeat !important; padding-left: 20px; white-space: nowrap;} .links-why a:hover { color: #DC2228 !important; text-decoration: underline;} * html .links-why a { background-image: url(../images/hp-why-right-ie6.png) !important;} * html .links-why a span { background-image: url(../images/hp-why-left-ie6.png) !important;} /* odsazeni textu, ktery je pres lavici, zprava */ #homepage #col-table span { clear: right; display: block; float: right; height: 1.5em;} #col-table-s1 { width: 20px;} #col-table-s2 { width: 70px;} #col-table-s3 { width: 140px;} #col-table-s4 { width: 220px;} /* lavice s nabidkou */ #table { width: 950px; height: 325px; position: absolute; bottom: 12px; left: 0px; z-index: 5;} #table-top { background: url(../images/table-top.jpg) 100% 100% no-repeat; padding-bottom: 376px;} #table-bottom { background: url(../images/table-bottom.jpg) 0 100% no-repeat; height: 122px; position: relative; top: 336px;} /*#table-middle { background: url(../images/table-middle.jpg) 0 0 no-repeat; height: 221px;}*/ #table h2 { position: absolute; top: 0; left: 0; z-index: 2;} #table a { color: #fff; text-align: center; line-height: 44px; } #table ul, #table li { float: left; list-style: none;} #table ul a, #table ul a em, #table ul a span { display: block; position: absolute;} #table ul a { height: 200px; overflow: hidden; width: 185px; } #table ul a em { background: #DC2228; height: 44px; overflow: hidden; z-index: 10;} #table ul a em span { background: url(../images/table-text.png) 0 0 no-repeat; height: 100%; left: 0; top: 0; width: 100%;} #table ul a:hover { background: transparent;} /* for IE 6.0 */ #table ul a:hover em { background: #3A3A3A;} #table-bio a { left: 95px; top: 63px;} #table-bio em { bottom: 0; left: 77px;} #table-bio em, #table-bio span { width: 48px;} #table-bio span { background-position: -245px 0 !important;} #table-bio a:hover span { background-position: -245px -44px !important;} #table-salty a { left: 300px; top: 124px;} #table-salty em { top: 0; left: 52px;} #table-salty em, #table-salty span { width: 61px;} #table-salty span { background-position: -31px 0 !important;} #table-salty a:hover span { background-position: -31px -44px !important;} #table-classic a {left: 500px; top: 34px;} #table-classic em { bottom: 0; left: 51px;} #table-classic em, #table-classic span { width: 84px;} #table-classic span { background-position: -92px 0 !important;} #table-classic a:hover span { background-position: -92px -44px !important;} #table-sweet a {left: 686px; top: 41px;} #table-sweet em { bottom: 0; left: 63px;} #table-sweet em, #table-sweet span { width: 69px;} #table-sweet span { background-position: -176px 0 !important;} #table-sweet a:hover span { background-position: -176px -44px !important;} #table-all, #table-all span { position: absolute;} #table-all, #table-all a, #table-all span { display: block; height: 45px; width: 210px;} #table-all { background: #DC2228; color: #fff; left: 733px; text-align: center; top: 337px;} #table-all span { background: url(../images/table-all.png) 0 0 no-repeat; left: 0; top: 0; z-index: 10;} #table-all a:hover { background: #3A3A3A;} #table-all a:hover span { background-position: 0 -45px;} /* * 3c) Prehled sortimentu * ================== **/ #categories .category { background: url(../images/category-other.png) 113px 1.4em no-repeat; float: left; margin: 0 20px 10px 0; width: 220px;} #categories h3 { padding-top: 15px;} .category ul, .category li { list-style: none;} .category ul a { background: #fff; border-bottom: 1px solid #DAE6F4; display: block; font-size: 0.75em; min-height: 54px; padding: 10px; text-decoration: none;} * html .category ul a { height: 54px;} /* IE6- */ .category ul .first a { background-image: url(../images/category-img-bottom.gif); background-position: 0 0; background-repeat: no-repeat;} .category ul a:hover, .category ul a:hover strong { background-color: #DC2228; background-position: -220px 0; color: #fff !important;} .category ul img { float: left; margin: 0 15px 0 0;} .category ul a strong { color: #DC2228; display: block; font-size: 1.2em; padding: 6px 0 2px 0;} .category ul a em { font-style: normal; font-weight: bold;} .category-footer { background: #DAE6F4 url(../images/category-footer.gif) 0 100% no-repeat; font-size: 0.75em; line-height: 1.4em; margin: 0 !important; padding: 9px 10px;} .category-last { margin-right: 0 !important;} #category-zdrave { background-image: url(../images/category-bio.png) !important;} #category-sladke { background-image: url(../images/category-sweet.png) !important;} #category-slane { background-image: url(../images/category-salty.png) !important;} #category-ceska-klasika { background-image: url(../images/category-classic.png) !important;} /* * 3d) Prehled sortimentu * ================== **/ .snack h3 { background: url(../images/category-other.png) 595px 0 no-repeat; height: 50px; margin-bottom: 0 !important; padding-top: 10px;} .snack-box { background: #FFFFFF url(../images/snack-background.png) 0 0 repeat-y; position: relative; padding-bottom: 1px /* IE7.0 */;} * html .snack-box { height: 1px;} /* IE6.0- */ .snack-box img { float: left; margin: 10px;} .snack-zdrave h3 { background-image: url(../images/category-bio.png) !important;} .snack-sladke h3 { background-image: url(../images/category-sweet.png) !important;} .snack-slane h3 { background-image: url(../images/category-salty.png) !important;} .snack-ceska-klasika h3 { background-image: url(../images/category-classic.png) !important;} .snack-info { background: url(../images/category-img-bottom.gif) 482px 0 no-repeat; color: #5A708C; font-size: 0.8em; line-height: 2em; padding-top: 20px;} .snack-info em { color: #DC2228; display: block; font-size: 1.2em; font-style: normal; font-weight: bold; line-height: 1.6em;} .snack-info li { float: left; list-style: none; padding: 0 10px; overflow: hidden;} .snack-info li.s1 { width: 50px;} .snack-info li.s2 { padding-left: 0; text-align: right; width: 45px;} .snack-info li.s3 { padding: 0; margin-left: 25px; width: 70px;} .snack-info li.s4 { padding: 0 5px 0 0; width: 70px;} .snack-info li.s5 { padding: 0 5px 0 0; width: 88px;} .snack-info li.s6 { padding: 25px 5px 0 10px; _padding: 0px 5px 0 10px; margin: 0px;} .snack-desc { display: inline /* IE6.0-*/; font-size: 0.75em; float: right; line-height: 1.4em; margin-right: 20px !important; padding-top: 4px; width: 335px;} .snack-imgs { top: 70px; left: 140px; position: absolute; z-index: 5;} .snack-imgs li { float: left; list-style: none;} .snack-imgs img { margin: 0 10px 0 0;} .drink { background: #DAE6F4; position: relative; width: 325px; padding-bottom: 1px /* IE7.0 */;} * html .drink { height: 1px;} /* IE6.0- */ .drink img { float: left; margin: 10px;} .drink p {border: solid 1px red; margin: 0px;} /* * 3e) Objednavka * ========== **/ #order-left { position: relative;} * html #order-left { height: 1px;} /* IE6- */ #order-right { background: #fff; margin-top: -2.2em;} #order-table-bottom { background: #fff url(../images/table-arrows-bottom.gif) 0 100% no-repeat; height: 36px; } #order-table-bottom .table-arrow-left, #order-table-bottom .table-arrow-right { width: 229px !important;} /* tabulka s jednotlivymi dny */ #order-table thead th { padding: 8px 0 !important;} #order-table td { background: #fff; height: 91px; padding: 0 !important; width: 91px;} #order-table td.disabled { background: url(../images/order-table-disabled.gif) 50% 0 no-repeat;} #order-table .selected td { background: #DC2228;} #order-table .selected td em { color: #fff !important;} #order-table td em { color: #DC2228; display: block; font-style: normal; height: 18px; line-height: 18px; padding: 6px 0;} #order-table td.old-month em { color: #59708C;} #order-table .stats { background: url(../images/order-table-stats-disabled.gif) 0 0 no-repeat; color: #9DB5D2; display: block; height: 24px; margin-top: -24px; position: relative;} #order-table .stats .fl { padding-left: 15px;} #order-table .stats .fr { padding-right: 15px;} #order-table .selected .stats { background-image: url(../images/order-table-stats-active.gif); color: #000 !important;} #order-table .thumbs { background: url(../images/order-table-thumbs-empty.png) 0 0 no-repeat; display: block; height: 51px; margin: auto; position: relative; width: 71px; z-index: 2;} #order-table .thumbs span { background: url(../images/order-table-thumbs-corner-white.png) 0 0 no-repeat; display: block; height: 51px; left: 0; position: absolute; top: 0; width: 100%; z-index: 3;} * html #order-table .thumbs span { behavior: url(/public/css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ #order-table .disabled .thumbs span { background-image: url(../images/order-table-thumbs-corner-blue.png);} #order-table .selected .thumbs span { background-image: url(../images/order-table-thumbs-corner-red.png);} #order-table .selected .thumbs { background-position: 0 -51px;} /* editace dne */ #order-table .booked .thumbs { background: url(../images/order-table-thumbs-booked.png) 0 0 no-repeat; padding-top: 5px; height: 46px; font-size: .8em; color: #fff !important; } #order-table .booked .thumbs a { display: block; width: 100%; height: 46px; color: #fff; text-decoration: none; } #order-table .booked .thumbs em.ico-edit { padding: 0 0 0 10px; display: block; color: #677d98; text-decoration: underline; background: url(../images/ico-edit.gif) 8px 5px no-repeat; } #order-table .booked .thumbs a:hover em.ico-edit { color: #dc2228; background-position: 8px -15px; } #order-table .disabled.booked .thumbs a { line-height: 42px; } /* vyber celeho tydne */ #order-table .week { background: url(../images/order-table-week.gif) 0 0 no-repeat; display: block; height: 37px; left: -15px; margin-top: 27px; position: absolute; width: 15px;} #order-table .week:hover, #order .selected .week { background-position: 0 -37px;} /* smazani celeho tydne */ #order-table .week-delete { background: url(../images/order-table-week-delete.gif) 0 0 no-repeat; display: block; height: 37px; right: -23px; margin-top: 27px; position: absolute; width: 23px;} #order-table .week-delete:hover, #order .selected .week-delete { background-position: 0 -37px;} * html #order-table .week-delete { right: -24px;} /* IE6.0- */ .day-detail { color: #8CA0B8; font-size: 0.85em; left: 0; line-height: normal; padding: 15px 0 0 0; position: absolute; text-align: left; top: 0; /*margin-left: -140px; margin-top: -81px;*/ width: 232px; z-index: 50; display:none;} .day-detail .day-detail-top { background: url(../images/order-day-detail-shadow-top.png) 0 0 no-repeat; height: 15px;} .day-detail .day-detail-middle { background: url(../images/order-day-detail-shadow.png) 0 0 repeat-y; padding: 2px 15px 5px 20px;} .day-detail .day-detail-bottom { background: url(../images/order-day-detail-shadow-bottom.png) 0 0 repeat-y; height: 21px;} .day-detail p { margin: 0 !important; padding: 3px 0;} * html .day-detail, * html .day-detail div { behavior: url(/public/css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ * html .day-detail .day-detail-middle { width: 200px;} #order-left h3 { position: relative; margin: 0 !important; top: -15px !important;} h3#order-product-category { background: url(../images/order-product-heading.gif) 20px 0 no-repeat; font-size: 1em; font-weight: bold; padding: 10px 20px; margin: 0;} #order-right label { display: block; font-size: 0.92em; font-weight: bold; padding-bottom: 6px;} #order-right select { width: 180px;} /* seznam produktu v kategorii */ #order-product-list { line-height: normal;} #order-product-list .product { border-top: 1px solid #DAE6F4; padding: 10px 15px 14px 15px; /*position: relative; z-index: 3;*/} * html #order-product-list .product { height: 1px;} /* IE6- */ #order-product-list h4 { font-size: 0.92em; margin-bottom: 5px;} #order-product-list a, #order-product-list em, #order-product-list .product-detail { color: #8CA0B8;} #order-product-list a:hover { color: #DC2228;} #order-product-list em, #order-product-list .product-detail { display: block; font-size: 0.85em; font-style: normal;} #order-product-list img { background: url(../images/order-product-thumb.png) 0 0 no-repeat; float: left; margin: 5px 12px 0 0; padding: 3px;} /* detail produktu */ #order-product-list .product-detail { background: url(../images/order-product-detail-shadow.png) 0 0 no-repeat; height: 162px; overflow: hidden; position: absolute; right: 10px; visibility: hidden; width: 234px;} * html #order-product-list .product-detail { behavior: url(/public/css/iepngfix.htc); z-index: 5;} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ #order-product-list .product-detail div { padding: 12px 7px 8px 7px; z-index: 5;} #order-product-list .product-detail img { margin: 0 15px 0 0 !important; padding: 0;} #order-product-list-bottom { background: url(../images/order-product-bottom.gif) 0 100% no-repeat; border-top: 1px solid #DAE6F4; height: 36px; } #order-product-list-bottom .table-arrow-left { width: 109px !important;} #order-product-list-bottom .table-arrow-right { width: 110px !important;} /* rekapitulace objednavky */ #order-overview { background: #fff url(../images/order-overview-top.gif) 0 0 no-repeat; margin-top: 20px;} #order-overview h3 { color: #59708C; margin: 0; padding: 15px 20px 0px 20px;} #order-overview h4 { font-size: 1em; margin: 0; padding: 0px 20px 15px 20px;} #order-overview table { background: #EBF1F8; border: 0; border-top: 1px solid #DAE6F4; border-collapse: collapse; width: 100%;} #order-overview td { border: 0; border-bottom: 1px solid #DAE6F4; padding: 6px 20px;} #order-overview td.c { width: 150px;} #order-overview td.r { width: 80px;} #order-send { float: right; padding: 10px 20px;} /* * 3f) Pokladna **/ #cash-table td { padding-left: 0; padding-right: 0; width: 25%; text-align: center;} .white-list li { background: #fff; border-top: 1px solid #DAE6F4; clear: both; line-height: normal; list-style: none;} .white-list li a { background: #fff; display: block; padding: 10px 20px; text-decoration: none;} .white-list li a:hover { background: #EBF1F8;} .ir { vertical-align: middle;} #payment-methods .box-inside { padding-bottom: 8px !important; padding-top: 8px !important;} /* * 3g) Sprava a historie **/ #order-delete-all { margin-top: -48px; position: absolute; right: 10px;} .order-delete { background: url(../images/order-delete.png) 0 0 no-repeat; bottom: -6px; display: block; height: 25px; overflow: hidden; position: absolute; right: -6px; text-indent: 40px; width: 25px; z-index: 5;} * html .order-delete { behavior: url(/public/css/iepngfix.htc); cursor: pointer;} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ /* * 3h) Prihlaseni a registrace **/ .col-login-left { float: left; padding: 5px 10px 0 10px; width: 456px;} .col-login-right { float: right; padding: 5px 10px 0 10px; width: 456px;} .col-login-left #login_form { padding-left: 20px;} #children .graphic-form { margin-bottom: 15px;} #registration-link { background-position: 0 0; margin-top: 8px;} #registration-link span { background-position: 100% 0;} #registration-link span span { background-position: 50% 100%; background-image: url(../images/link-white-bottom.gif) !important; padding: 0 0 8px 0 !important;} #registration-link:hover span span, #registration-link.link-red span span { background-image: url(../images/link-red-bottom.gif) !important;} .zpet { margin: 8px 0 0 0; padding-right: 10px;} a.zpet { color: #DC2228; text-decoration: underline !important; } /* * 3i) Kontakt **/ #person-list { background: #FFFFFF url(../images/person-list-top.gif) 0 0 no-repeat; width: 590px; margin: 0 0 25px 0;} #person-list ul { background: url(../images/person-list-bottom.gif) 0 100% no-repeat; float: left; padding-bottom: 20px; width: 100%;} #person-list li { float: left; list-style: none; width: 50%;} #person-list li img { float: left; margin: 20px 20px 0 20px;} #person-list li strong { display: block; padding-top: 40px;} /* * 3j) Mapa webu **/ #sitemap li { list-style: none; line-height: 1.5em; font-weight: bold; margin-right: 12px;} #sitemap ul { padding: 2px 10px 2px 20px;} #sitemap ul li { background: url(../images/li.png) 0 50% no-repeat; line-height: 1.3em; font-weight: normal; margin: 0 0 7px 0; padding-left: 15px;} ul.ul-list { margin-left: 20px; } ul.ul-list li { background: url(../images/li.png) 0 50% no-repeat; margin: 0 0 7px 0; padding-left: 15px; list-style: none; line-height: 1.5em; } /* * 3k) Informace **/ #text-list { background: #FFFFFF url(../images/text-list-top.gif) 0 0 no-repeat; width: 660px; padding: 15px 20px 10px 20px;} /* * 4) Inputy & formulare * ================== **/ input { vertical-align: middle;} .graphic-input { background: url(../images/input-background.gif) 50% 50% no-repeat; border: 0; display: block; padding-top: 7px; height: 30px;} .graphic-input input { background: #fff; border: 0; margin-left: 10px; width: 85%;} #login_form p { clear: both; height: 40px;} #login_form label { width: 50px; float: left; line-height: 37px;} #login_form .graphic-input { float: right; width: 293px;} #login_form .links { margin-top: 0 !important;} #login_form a#login_lost_password { margin: 8px 0 0 0; padding-left: 0 !important; font-size: 0.9em;} #login_form a#login_lost_password:hover { text-decoration: underline;} .graphic-input-wide { background-image: url(../images/input-wide-background.gif) !important;} #login_form .graphic-input-wide { float: right; width: 380px;} #login_form .error { height: auto; padding: 0 0 10px 70px;} /* stare verze formulare s chybovymi hlaskami */ .graphic-form { position: relative; background: #EBF1F8; float: left; width: 100%;} .graphic-form p { float: left; margin: 0 !important; width: 50%;} .graphic-form p.wide { width: 100%;} .graphic-form label { background: #FFF; border-top: 1px solid #DAE6F4; display: block; font-weight: bold; padding: 10px 20px;} .graphic-form span { background: #EBF1F8 url(../images/graphic-form-input.gif) 0 0 no-repeat; float: left; overflow: hidden; padding: 10px 0; width: 100%;} .graphic-form span input, .graphic-form span textarea { background: transparent; border: 0; float: left; margin-left: 20px; width: 85%;} .graphic-form select { margin-left: 20px; width: 85%; &width: auto; } .graphic-form span textarea { height: 115px;} .graphic-form .first label { background: #FFF url(../images/registration-corner-lt.gif) 0 0 no-repeat; border: 0;} .graphic-form .second label { background: #FFF url(../images/registration-corner-rt.gif) 100% 0 no-repeat; border: 0;} .graphic-form .checkbox { color: #DC2228;} /* nove jen pro registraci.... */ form.live-validation .graphic-form { position: relative; background: #EBF1F8; float: left; width: 100%;} form.live-validation .graphic-form p {margin: 0 !important; width: 100%;} form.live-validation .graphic-form .formLeft { float: left; margin: 0 !important; padding: 0 !important; width: 50%; } form.live-validation .graphic-form .wide { width: 100%;} form.live-validation .graphic-form label { background: #FFF; border-top: 1px solid #DAE6F4; display: block; font-weight: bold; padding: 10px 20px;} form.live-validation .graphic-form span { background: #EBF1F8 url(../images/graphic-form-input.gif) 0 0 no-repeat; float: left; overflow: hidden; padding: 10px 0; width: 100%;} form.live-validation .graphic-form span input, .graphic-form span textarea { background: transparent; border: 0; float: left; margin-left: 20px; width: 85%;} form.live-validation .graphic-form select { margin-left: 20px; width: 85%; &width: auto; } form.live-validation .graphic-form span textarea { height: 115px;} form.live-validation .graphic-form .first label { background: #FFF url(../images/registration-corner-lt.gif) 0 0 no-repeat; border: 0;} form.live-validation .graphic-form .second label { background: #FFF url(../images/registration-corner-rt.gif) 100% 0 no-repeat; border: 0;} form.live-validation .graphic-form .error-message { /* display: none;*/ padding-left: 20px; line-height: 30px; color: #DC2228; font-size: 0.8em; } .error { color: #DC2228; font-size: 0.8em; font-weight: bold; } .graphic-form span.error { background: #fff; padding: 0 10px 5px 20px; width: 198px; overflow: hidden;} .col-right .graphic-form span.error { width: 320px;} /* Help */ .box-help { display: none; position: absolute; right: -268px; top: 10px; padding-left: 20px; width: 218px; height: 98px; font-style: italic; background: url(../images/box-help.jpg) 0 0 no-repeat;} .box-help h4 { padding: 5px 0 0 20px !important; margin: 0 0 2px 0 !important; color: #5a708c !important; background: url(../images/ico-info.gif) 0 8px no-repeat; } .box-help p { width: 100%; font-size: 0.8em; } /* * 99) Zbytek * ====== **/ /* tabulky */ .table { background: #fff url(../images/order-table-top.gif) 0 0 no-repeat; width: 100%;} .table, .table th, .table td { border: 0; border-collapse: separate; text-align: center;} .table thead th { border-bottom: 1px solid #DAE6F4; font-weight: bold; padding: 8px 0;} .table td { background: #EBF1F8; border: 1px solid #DAE6F4; border-width: 0 0 1px 1px; padding: 10px 15px; vertical-align: top;} .table td.first { border-left: 0;} .indent-left { padding-left: 20px;} .print { display: none;} /* strankovani */ .arrow-left, .arrow-right { background: red 0 0 no-repeat; display: block; height: 21px; overflow: hidden; text-indent: 30px; width: 28px; width: 50%;} .arrow-left { background-image: url(../images/arrow-left.gif); float: left;} .arrow-right { background-image: url(../images/arrow-right.gif); float: right;} .arrow-left:hover, .arrow-right:hover { background-position: 0 -21px;} .table-arrow-left, .table-arrow-right { display: block; height: 36px; overflow: hidden; width: 50%;} .table-arrow-left { background: url(../images/table-arrow-left.gif) 0 0 no-repeat; float: left;} .table-arrow-left:hover { background-position: 0 -36px;} .table-arrow-right { background: url(../images/table-arrow-right.gif) 100% 0 no-repeat; float: right;} .table-arrow-right:hover { background-position: 100% -36px;} /* "zalozkove" odkazy */ ul.links { float: left; margin: 7px 0 0 0; width: 100%;} ul.links, ul.links li { list-style: none;} .links li { float: left; } .links a, .links span { display: block; float: left;} .links a { background: 0 100% no-repeat; line-height: 37px; margin-right: 12px; padding-left: 9px; text-decoration: none;} * html .links a { display: inline;} .links a span { background: 100% 100% no-repeat; padding-right: 9px;} .links a span span { background: 50% 0 no-repeat; height: 37px; padding: 8px 0 0 0;} .links li.fr a { margin-right: 0; margin-left: 12px;} .links-blue a, a.link-blue a { background-image: url(../images/link-blue-left.gif) !important;} .links-blue a span, a.link-blue span { background-image: url(../images/link-blue-right.gif) !important;} .links-blue a span span, a.link-blue span span { background-image: url(../images/link-blue-top.gif) !important;} .links-white a, a.link-white, .links-blue a:hover, a.link-blue:hover { background-image: url(../images/link-white-left.gif) !important; color: #5A708C;} .links-white a span, a.link-white span, .links-blue a:hover span, a.link-blue:hover span { background-image: url(../images/link-white-right.gif) !important;} .links-white a span span, a.link-white span span, .links-blue a:hover span span, a.link-blue:hover span span { background-image: url(../images/link-white-top.gif) !important;} .links-red a, a.link-red, .links-white a:hover, a.link-white:hover { background-image: url(../images/link-red-left.gif) !important; color: #fff !important;} .links-red a span, a.link-red span, .links-white a:hover span, a.link-white:hover span { background-image: url(../images/link-red-right.gif) !important;} .links-red a span span, a.link-red span span, .links-white a:hover span span, a.link-white:hover span span { background-image: url(../images/link-red-top.gif) !important;} /* link s pluskem a vykricnikem v objednavce */ .link { display: block; margin: 0 0 10px 0; padding-right: 15px; height: 24px; font-size: .8em; text-decoration: none; } .link span { display: block; padding: 5px 5px 4px 35px; line-height: 15px; } .link-blue-add { float: left; background: transparent url(../images/link-blue-add.gif) no-repeat scroll top right;} .link-blue-add span { background: transparent url(../images/link-blue-add.gif) no-repeat; } .link-blue-alert { float: right; background: transparent url(../images/link-blue-alert.gif) no-repeat scroll top right; } .link-blue-alert span { background: transparent url(../images/link-blue-alert.gif) no-repeat; } .linkBtn { display: block; float: left !important; margin: 0 0 10px 0; padding-right: 15px; height: 37px; font-size: 1em; color: #fff; text-decoration: none; } .linkBtn span { display: block; padding: 5px 5px 4px 15px; line-height: 28px; } a:hover.linkBtn { color: #fff; } .link-red-white { font-weight: bold; margin-right: 20px; background: transparent url(../images/link-red-white.gif) no-repeat scroll top right;} .link-red-white span { background: transparent url(../images/link-red-white.gif) no-repeat; } .link-grey-white { background: transparent url(../images/link-grey-white.gif) no-repeat scroll top right; } .link-grey-white span { background: transparent url(../images/link-grey-white.gif) no-repeat; } /* barevne boxy v postrannich sloupcich */ .box-inside { padding: 12px 20px;} .box-inside p { margin: 0 !important;} .box-lblue-time-top p { margin-bottom: 20px !important; } .box-wide-blue { background-color: #B5CCE7;} .box-wide-blue-top { background-image: url(../images/box-wide-blue-top.gif); background-position: 0 0; background-repeat: no-repeat;} .box-lblue { background-color: #DAE6F4;} .box-lblue-top { background-image: url(../images/box-lblue-top.gif); background-position: 0 0; background-repeat: no-repeat;} .box-lblue-bottom { background-image: url(../images/box-lblue-bottom.gif); background-position: 0 100%; background-repeat: no-repeat;} .box-lblue-time-top { background-image: url(../images/box-lblue-time-top.gif); background-position: 0 0; background-repeat: no-repeat;} .box-white { background-color: #fff;} .box-white-top { background-image: url(../images/box-white-top.gif); background-position: 0 0; background-repeat: no-repeat;} .box-white-bottom { background-image: url(../images/box-white-bottom.gif); background-position: 0 100%; background-repeat: no-repeat;} .box-wide-white-top { background-image: url(../images/box-wide-white-top.gif); background-position: 0 0; background-repeat: no-repeat;} } /******************************************************************************* * @media: "print" ******************************************************************************/ @media print { a img { border: 0;} body { font: 0.95em/1.4em Helvetica, Arial, sans-serif; color: #000;} #content h2, #content h3 { font-size: 1.2em; margin: 20px 0 10px 0;} #menu, #submenu, #logo, #footer, #skip, #login-link, #logout-link, .none, .noprint { display: none;} #breadcrumbs { font-size: 0.8em; padding: 10px 0;} #breadcrumbs a { text-decoration: none; color: #000;} .table { width: 100%; margin: 10px 0;} .table, .table th, .table td { border: 0; border-collapse: separate; text-align: center;} .table thead th { border-bottom: 1px solid #999999; font-weight: bold; padding: 8px 0;} .table td { border: 1px solid #999999; padding: 10px 15px; vertical-align: top;} /* * 3b) Homepage - tisk **/ #homepage .col-right { display: none;} #homepage h2.first { margin-top: 20px !important;} /* * 3c) Prehled sortimentu - tisk **/ #categories { float: left; width: 100%;} .category { float: left; width: 45%;} .category ul, .category li { list-style: none;} .category li, .category-footer { clear: both; font-size: 0.9em;} .category ul img { float: left; margin: 0 15px 10px 0;} .category ul strong { display: block; font-size: 1.1em;} .category-footer { padding-top: 5px; font-style: italic; min-height: 2em;} /* * 3d) Detail kategorie - tisk **/ .snack h3 { margin-bottom: 0 !important;} .snack-box { position: relative; padding-bottom: 1px;} .snack-box img { float: right; margin: 10px;} .snack-info { font-size: 0.8em; line-height: 2em; margin: 0; min-height: 4em; padding: 25px 0 0 0;} .snack-info em { display: block; font-size: 1.2em; font-style: normal; font-weight: bold; line-height: 1.6em;} .snack-info li { float: left; list-style: none; padding: 0 10px; overflow: hidden;} .snack-desc { clear: left; font-size: 0.8em; line-height: 1.4em; margin: 10px 10px 0 10px !important;} .snack-imgs { margin: 10px; padding: 0;} .snack-imgs li { float: left; list-style: none;} .snack-imgs img { float: left !important; margin: 0 10px 0 0;} /* * 3e) Objednavka - tisk **/ #order-left, #order-right, #order-send, #order-table-bottom { display: none;} #order-overview table { width: 100%;} #order-overview table td { border-bottom: 1px solid #999999; padding: 5px 0;} /* * 3g) Sprava a historie - tisk **/ #order-delete-all { display: none;} /* * 3h) Prihlaseni a registrace - tisk **/ .col-login-left { display: none;} /* * 3i) Kontakt **/ #person-list li { float: left; list-style: none; width: 50%;} #person-list li img { float: left; margin: 20px 20px 0 20px;} #person-list li strong { display: block; padding-top: 40px;} } .draggable{ z-index:5; } #sys-msg { display:none} .margin-link { margin-right: 12px;} .drink .snack-info li.s2 {width:50px;} .drink {width:330px !important } /* Overlay vrstva */ #overlay { display: none;} .lightbox { color: #2C2B29; left: 50%; position: fixed; top: 30%; z-index: 102; width: 400px; /* vychozi sirka */ margin-left: -200px; /* vychozi sirka/2 */ } .lightbox a.close { background: url(../images/overlay-close.gif) 0 0 no-repeat; display: block; height: 19px; position: absolute; right: 18px; top: 15px; width: 19px;} .lightbox a.close:hover { background-position: 0 100%;} .lightbox .top, .lightbox .bottom { background: url(../images/overlay-corners.png) 0 0 no-repeat; height: 9px; margin-right: 9px;} .lightbox .bottom { background-position: 0 100%;} .lightbox .top b, .lightbox .bottom b { background: url(../images/overlay-corners.png) 100% 0 no-repeat; display: block; height: 9px; position: absolute; right: 0; top: 0; width: 9px;} .lightbox .bottom b { background-position: 100% 100%; top: auto; bottom: 0;} .lightbox .inside { background: #fff; padding: 15px 30px; overflow: auto; position: relative;} .lightbox .inside h2 { color: #5A708C; font-size: 1.5em; margin-top: 0; margin-bottom: 20px;} .lightbox .inside h3 { margin-top: 15px;} .lightbox .inside p { color: #5A708C; margin: 0 0 10px;} .lightbox .inside p a { color: #DC2228; } .lightbox .overflow { height: 100%; overflow: auto; padding-right: 10px;} .lightbox .buttons { margin-top: 30px; text-align: center;} .lightbox_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;} .lightbox .col { float: left; margin-right: 1%; width: 31%;} #box_type, #box_size { margin: 0; padding: 0; width: 100%; height: 100%; clear: both; } #box_type .item { float: left; width: 109px; height: 33px; line-height: 33px; border-right: 1px solid #dae6f4; border-bottom: 1px solid #dae6f4; } #box_type .last { width: 110px !important; border-right: none; } #box_type .last a{ width: 70px !important; } #box_type .item a{ position: relative; display: block; padding: 0 20px; font-weight: bold; text-decoration: none; color: #59708c; width: 69px; height: 33px; line-height: 33px; } #box_type .item a:hover, #box_type .item a.active-type { color: #fff; background: #dc2228; } #box_type .item a:hover span, #box_type .item a.active-type span { position: absolute; bottom: -5px; left: 20px; display: block; width: 15px; height: 6px; background: url(../images/arrow-bottom.gif) 0 0 no-repeat; z-index: 50; } #box_size .item { float: left; width: 72px; height: 33px; line-height: 33px; text-align: center; border-right: 1px solid #dae6f4; border-bottom: 1px solid #dae6f4; } #box_size .last { width: 74px !important; border-right: none; } #box_size .last a, #box_size .last span { width: 74px !important; } #box_size .item a, #box_size .item span { display: block; font-weight: bold; text-decoration: none; color: #dc2228; text-align: center; width: 72px; height: 33px; line-height: 33px; background: #ebf1f8; } #box_size .item a:hover { color: #59708c; background: #dae6f4; } #box_size .item a.active-size { color: #fff; background: #dc2228; } #box_size .item.disabled_size a { color: #bfc0c4; background: #e0e2ec; } .drag-info { margin: 0; padding: 0; width: 220px; height: 80px; overflow: hidden; } #regSteps { position: relative; width: 465px; height: 101px; background: url(../images/bgSteps.gif) 0 0 no-repeat; } #regSteps.active-one { background: url(../images/bgStepsOne.gif) 0 0 no-repeat; } #regSteps.active-two { background: url(../images/bgStepsTwo.gif) 0 0 no-repeat; } #regSteps.active-three { background: url(../images/bgStepsThree.gif) 0 0 no-repeat; } #regSteps .step { float: left; display: block; width: 155px; height: 101px; cursor: pointer; } /* form message */ #form-message { width: 461px; height: 89px; line-height:89px; background: url(../images/form-message-border.png) 0 0 no-repeat; } #form-message p { padding: 30px 0 0 35px; margin: 0 30px; line-height: 1.4em; font-weight: normal; font-style: italic; } #form-message.error p { background: url(../images/ico-error.png) 0 35px no-repeat; } * html #form-message { behavior: url(/public/css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ * html #form-message.error p { behavior: url(/public/css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ /* Button Video na HP */ .btnVideo { position: relative; float: left; margin: -5px 0 0 20px; } .btnVideo, .btnVideo span {display: block; height: 31px; line-height: 31px; text-align: center; color: #d02b2b; width: 104px; overflow: hidden; } .btnVideo span { background: url(../images/btn-video.png) 0 0 no-repeat; left: 0; position: absolute; top: 0; z-index: 20; } * html .btnVideo span { behavior: url(/public/css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */ .ico-contact { margin-right: 5px; padding: 2px 0 0 20px; background: url(../images/ico-contact.gif) 0 50% no-repeat; } /* Notification */ .notification h2.ico-alert { padding-left: 25px; font-size: 1.2em; background: url(../images/ico-alert.gif) 0 50% no-repeat; } .notification p { margin-bottom: 30px !importants; font-size: .8em; }