/* -------------------------------- -------------------------------- 2006 Created by Martin Staněk http://www.martinstanek.cz Last edit: -------------------------------- -------------------------------- */ * { margin: 0; padding: 0 } body { behavior: url('csshover.htc'); } body { color: #383838; font: normal 0.8em/1.4em Trebuchet MS, "Arial CE", Arial, sans-serif; background: #ffffff; text-align: center; } a { color: #7E9414; text-decoration: none; border-bottom: 1px dotted #7E9414; } a:hover { color: #000; text-decoration: none; border-bottom: none; } strong { font-weight: 250; color: #454545; } abbr, acronym { cursor: help; } p { text-indent: 2.0em; letter-spacing: 0.015em!important; color: #676461; line-height: 1.6em; margin: 10px 0 10px 0;} /** hlavní nadpisy */ h1, h2, h3, h4 { padding: 0.6em 0 0.2em 0; line-height: 1; } /** logo + nadpis stránky */ h1 {background: #fff; text-indent: -1000em; height: 70px; width: 780px; margin: 0 auto; font-size: 1.4em; } h1 a { display: block; float: left; outline: none; background: url('../images/logo.gif') #ffffff left no-repeat; height: 57px; width: 185px; margin-left: 10px; border: 0; } h1 a:hover { text-decoration:none; } h1 span { display:none } h2 { font-size: 1.6em; color: #3A3A3A; letter-spacing: -0.05em; font-weight: normal; } h2.material-header { font-size: 1.9em; } h3 { color: #383838; } h3 a { color: #383838; border: 0; } h3.home-bottom {font-size: 1.2em; text-align:center; width: 100%; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; padding: 15px 0px 15px 0px; margin: 40px 0px 30px 0px} h4 { color: #EA6411; } /** cdstudent v textu */ strong.logo { color: #5F5F5F; font-weight: bold; } strong.logo span { color: #F15623; font-weight: bold; } p strong.logo, dd strong.logo { color: #5F5F5F; font-weight: normal; } p strong.logo span, dd strong.logo span { color: #F15623; font-weight: normal; } /** ------------------------- -------- LAYOUT --------- ------------------------- */ #container { width: 100%; } #header { background: url('../images/bubbles-header.gif') bottom left #EC5A01 repeat-x; border-top: 4px solid #F5730A; padding: 1px 0 30px 0; color: #fff; width: 100%; } #header-content, #header-content-condensed { position: relative; margin: 0 auto; background: url('../images/head-back2.gif') bottom left no-repeat; padding: 0; width: 780px; height: 210px; min-height: 210px; text-align: left; } #header-content-condensed { height: 110px; min-height: 110px; } div#header > div#header-content-condensed, div#header > div#header-content { height: auto; } #header-content-condensed #header-text { width: 420px; } #header-content-condensed #header-adds { position: absolute; top: 0; left: 420px; } #header-text { width: 280px; } #header-adds { position: absolute; top: 0px; left: 270px; } #header-text-material { width: 280px; } #header-adds-material { position: absolute; top: 0px; left: 290px; } #contentholder { min-height: 235px; background: #ffffff; padding: 0; margin: 1em auto; width: 780px; text-align: left; } * html #contentholder { height: 335px; } #panel-right { border: 1px solid #fff;} #content, #material-content { float: left; width: 390px; margin: 0; padding: 0; } #material-content { width: 330px; } #library-content { float: left; width: 460px; margin: 0; padding: 0; } #content2 { width: 780px; margin: 0 auto; } #content3 { width: 470px; float: left; } #material-panel { text-align: right; width: 400px; margin-left: 345px; } #condensed-panel { width: 285px; margin-left: 480px; } #panel-right { margin: 0; padding: 0; margin-left: 420px; } #panel-right-content { padding: 0 0 0 8px; } #summary { width: 100%; border-bottom: 1px dotted #aaa; padding: 0 15px 20px 15px; } #summary a { color: #000; } #summary p { line-height: 20px; font-size: 1.1em;} #summary img { border: 0; margin-right: 2px; vertical-align: bottom;} #footer {width: 100%; background: url('../images/bubbles-footer.gif') top left #EAEAEA repeat-x; text-align: center; padding: 55px 0 20px 0; } #footer a { color: #535353; border: 0;} #partners { font-size: 0.9em;} /* end layout */ /** ------------------------- ---- TLACITKA BASIC ----- ------------------------- */ .quick-links { margin: 15px 0; } .quick-links li { display: block; float: left; height: 62px; width: 235px; color: #676461; margin: 5px 0 0 0; padding: 0; background: url(../images/button-c.gif) no-repeat; text-align: left; cursor: pointer; } .quick-links li div { height: 62px; padding: 8px 10px 0 50px; } .quick-links li h3 { color: #383838; font-size: 16px; margin: 0; padding: 0; } .quick-links p { font-size: 11px; margin-top: 2px; line-height: 1; text-indent: 0; } * html ul.quick-links li { cursor: hand; } #nd li { background: url(../images/button-hc.gif) no-repeat; } #nd li:hover { background: url(../images/button-hc-on.gif) no-repeat; } #nd li a { color: #fff; border: 0; } #nd p { color:#fff; } /** ------------------------- -------- STYLY --------- ------------------------- */ #header h2 { color: #fff; } #header h3 { color: #fff; padding: 12px 10px 5px 0px; letter-spacing: -0.02em; } #header strong { color: #fff; font-weight: normal; } #header p { color: #fff; line-height: 1.3em; text-indent: 0; margin: 5px 0 5px 0; } #header-text em { margin-bottom: 10px; font-size: 1.3em; } #header #header-adds strong.step { display: block; text-align: center; width: 62px; line-height: 62px; color: #fff; font-size: 16px; font-weight: bold; } #header #header-adds .quick-links li h3 { color: #fff; letter-spacing: -0.05em; font-weight: normal; } #header #header-adds .quick-links li p { margin-top: 2px; } #header #header-adds h3 { color: #F39E69; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0; } #header #header-adds-material h3 { color: #F39E69; font-size: 1.3em; font-weight: bold; margin: 10px 0 0 14px; padding: 0; } #header #material span { display: none; } #header #material a:hover span { display: block; width: 180px; font-weight: normal; letter-spacing: -0.05em; line-height: 1.2em; font-size: 1.4em; color: #fff; position: absolute; top: 6px; left: 142px; } #header .quick-links a { color: #fff; border: 0; } #header .quick-links { list-style-type: none; margin: 0; padding: 10px 0 0 0; } #header .quick-links li { display: block; margin-top: 8px; height: 62px; width: 228px; color: #383838; background: url('../images/tlacitko-header.gif') no-repeat; background-position: 0 0; } #header .quick-links li:hover { color: #fff; background: url('../images/tlacitko-header.gif') no-repeat; background-position: -228px 0; } #header .quick-links li { margin-top: 2px; } #panel-right .quick-links h3 { margin-top: 0px; } #cd-screen, #cd-screen-sk { position: absolute; top: 5px; left: 0px; width: 268px; height: 254px; background: url('../images/cd.gif') no-repeat; } #cd-screen-sk { background: url('../images/sk_cd.gif') no-repeat; } #material { list-style-type: none; margin: 0px 0 0 10px; padding: 0; } #material li { margin: 3px; display: block; float: left; height: 62px; width: 62px; background: url('../images/tlacitko-header-mini.gif') no-repeat; background-position: -62px 0; } #material li:hover, #material li#m-active { background: url('../images/tlacitko-header-mini.gif') no-repeat; background-position: 0 0; } #material a { display: block; height: 62px; width: 62px; border: 0; text-decoration: none; color: #fff; background-position: center; } #header-nav { width: 228px; position: absolute; top: 30px; left: 275px; } #product-nav { position: absolute; top: 5px; left: 210px; width: 400px; } #product-nav li { display: block; float: left; height: 30px; width: 70px; color: #383838; margin: 5px; padding: 0; background: transparent url('../images/button.gif') no-repeat; } #product-nav h3 { width: 70px; height: 30px; margin: 0; padding: 10px 0 0 5px; font-size: 1.3em; font-weight: normal; } #content h2, #material-content h2, #panel-right h2 { letter-spacing: -0.05em; font-weight: normal; line-height: 1.2em; } #content h3, #material-content h3 { font-size: 1.2em; } #content h2, #library-content h2, #panel-right h2 { letter-spacing: -0.05em; font-weight: normal; line-height: 1.2em; } #content h3, #library-content h3 { font-size: 1.2em; } #content p#text {clear: both; padding: 10px 0 0 0; } #content .material a, #content .quick-links a { color: #434343; border: 0; } #panel-right h3 { font-size: 1.2em; padding: 0; margin: 10px 0 5px 0; } #panel-right p { color: #6d6d6d; } /** ------------------------- ------- NAVIGACE -------- ------------------------- */ #navigation { background: #ffffff; height: 23px; margin: 0 auto; width: 640px; text-align: center; } #navigation ul { list-style-type: none; padding: 0; margin: 0; } #navigation ul#mainMenu li { display: block; float: left; position: relative; padding: 0; margin: 0 0 0 1px; height: 23px; background: url('../images/menu.png') no-repeat; background-position: 0 -23px; } #navigation ul#mainMenu li:hover { height: 23px; background: url('../images/menu.png') no-repeat; background-position: 0 0; z-index: 15; margin: 0 0 0 1px; padding: 0; cursor: pointer; } #navigation ul#language li { position: absolute; top: 0; right: 0; margin: 5px 5px 0 0; font-size: 100%; } #navigation a { display: block; color: #ffffff; text-align: center; padding: 3px 0 0 0; width: 125px; margin: 0; border: 0; } #navigation a:hover { text-decoration: underline; } #navigation a#lang-sk { display: inline;} #navigation a#lang-cz { display: inline;} #navigation strong { font-weight: normal; font-size: 11px; line-height: 20px; color: #fff; } #navigation em { font-weight: bold; font-style: normal; line-height: 20px; font-size: 11px; color: #fff; } #navigation li#active { background: url('../images/menu.png') no-repeat; background-position: 0 -46px; height: 22px; margin-top: 1px; } #navigation li#active a { padding: 3px 0 0 0; border: 0; } * html div#navigation li#active { margin-top: 0px; } #navigation li ul a { color: #fff; background: url('../images/link.gif') repeat-x; border: 0; } #navigation ul#mainMenu ul a:hover { color: #fff; text-decoration: underline; background: #434343; } #navigation ul#mainMenu ul { position: absolute; visibility: hidden; background: #484848; z-index: 15; top: 22px; } #navigation ul#mainMenu li:hover ul, #navigation ul#mainMenu li.hover ul { visibility: visible; } #navigation ul#mainMenu li li { float: none; border-top: 1px solid #383838; padding: 0; margin: 0; height: 23px; width: 125px; background: #585858; } /* end navigace */ .column .material-item { padding: 5px 0 5px 35px; line-height: 25px; } .material-item { } .material-item strong { font-weight: normal; } .material-item h3 { float: left; font-size: 1.2em; line-height: 1.0em; margin: 0; padding: 0 4px 0 0; } .subject-item { line-height: 40px; padding-left: 30px; display: block; } /** ------------------------- ------- USER BOX -------- ------------------------- */ .user { margin: 15px 0 15px 0; border-bottom: 1px dotted #aaa; } .user img { float: left; margin: 0 10px 10px 0; padding: 0; border: 1px solid #dcdcdc; } .user h4 { font-size: 1.1em; margin: 0 0 0 10px; padding: 0; } .user blockquote { margin: 5px 0 0 150px; padding: 0 0 0 20px; background: url(../images/blockquote.gif) top left no-repeat; } .user blockquote p { margin-bottom: 1em; font-size: 1.0em; color: #979180; text-indent: 0; font-style: italic; } .user p.dot { margin: 5px 0 5px 0; background: url('../images/dot.gif') no-repeat; background-position: 0 5px; padding-left: 20px; text-indent: 0; } .user-summary { clear: both; margin: 5px 0 0 0; padding: 10px; background: #f7f7f7; border: 1px solid #efefef; } .user-summary h4 { color: #585858; } #panel-right .user blockquote { margin: 5px 0 0 65px; padding: 0 0 0 20px; background: url(../images/blockquote.gif) top left no-repeat; } #panel-right .user { margin: 15px 0 15px 0; height: 63px; } #third .user blockquote { margin: 5px 0 0 65px; padding: 0 0 0 20px; background: url(../images/blockquote.gif) top left no-repeat; } dt { font-style: italic; color: #101010; font-size: 1.0em; margin: 8px 0 5px 0; padding: 5px 0; } dd { color: #676461; padding: 0 0 0 20px; background: url(../images/blockquote.gif) top left no-repeat; } /* end user box */ .panel-grey { border: 1px dotted #aaa; padding: 0.5em 1.0em 0.5em 1.0em; margin: 0 0 1.0em 0; } .panel-grey h4 { font-size: 0.9em; width: 88px; color: #505050; font-weight: normal; padding: 35px 0 0 0; margin: 0; float: left; } .panel-grey h4#technet { background: url(../images/logo-technet.jpg) top left no-repeat; } .panel-grey h4#novinky { background: url(../images/logo-seznam.jpg) top left no-repeat; } .panel-grey h4#idnes { background: url(../images/logo-idnes.jpg) top left no-repeat; } .panel-grey h4#slunecnice { background: url(../images/logo-slunecnice.gif) top left no-repeat; } .panel-grey h4#delay { background: url(../images/logo-delay.gif) top left no-repeat; } .panel-grey h4#mojeskola { background: url(../images/logo-mojeskola.gif) top left no-repeat; } .panel-grey h4#ekamarad { background: url(../images/logo-ekamarad.gif) top left no-repeat; } .panel-grey blockquote { margin: 5px 0 0 0; padding: 0 0 0 20px; background: url(../images/blockquote.gif) top left no-repeat; } .panel-grey blockquote p { margin-bottom: 0.5em; font-size: 1.0em; color: #979180; text-indent: 0; font-style: italic; } .article-info { margin-left: 100px;} .article-links a { background: url('../images/dot.gif') left no-repeat; padding-left: 23px; border-bottom: 0; color: #303030; } .article-links a:hover { color: #7E9414; } .article-abstract { clear: both; margin: 1.0em 0 1.0em 0;} .article { text-align: left; padding: 1.0em 1.5em 1.0em 1.5em; } .image-link { border-bottom: 0; } .urs-img-right { float: right; margin: 0 0 1.0em 1.0em; } .urs-img-left { float: left; margin: 0 1.0em 1.0em 0; } .desc { position: relative; left: 40px; font-size: 0.9em; margin: 10px 0 5px 0; width: 80%; } .desc .number { display: block; position: absolute; top: -5px; left: -40px; padding-top: 5px; color: #fff; line-height: 1; font-size: 1.5em; width: 27px; height: 33px; background: url('../images/number.gif') no-repeat; text-align: center; vertical-align: middle; } .desc strong { text-transform: uppercase; font-size: 1.1em; } .desc-list { margin: 0; padding: 0 0 0 25px; border-top: 1px dotted #aaa; } .desc-list li { list-style-image: url('../images/dot.gif'); letter-spacing: 0.015em; color: #676461; line-height: 1.6em; margin: 3px 0 3px 0; } .desc-nodot { margin: 10px 0 10px 20px; list-style-type: none; } .desc-nodot li { color: #383838; font-size: 1.0em; font-weight: bold; line-height: 1.8em; } .desc-nodot li span { color: #dcdcdc; font-size: 1.5em; font-weight: bold; } /** ------------------------- --------- ICONS --------- ------------------------- */ #tour { background: url('../images/product-tour-icon.png') no-repeat; background-position: 5px 8px; } #download { background: url('../images/download-icon.png') no-repeat; background-position: 5px 8px; } #order { background: url('../images/order-icon.gif') no-repeat; background-position: 5px 9px; } #encyklopedie { background: url('../images/encyklopedie.png') top left no-repeat; } #denik { background: url('../images/denik.png') top left no-repeat; } #prehledy { background: url('../images/prehledy.png') top left no-repeat; } #centrum { background: url('../images/centrum.png') top left no-repeat; background-position: 0px -8px; } #sbirka { background: url('../images/sbirka.png') top left no-repeat; } #maturant { background: url('../images/maturant-c.gif') left no-repeat; background-position: 3px 9px; padding: 10px 0 10px 50px; } #maturita { background: url('../images/maturita.png') top left no-repeat; } #question { background: url('../images/question.gif') left no-repeat; } #order-icon { display: block; width: 150px; height: 100px; background: url('../images/order-big.gif') center no-repeat; } #testy { background: url('../images/testy.png') top left no-repeat; } /* subjects */ #literatura { background: url('../images/literatura.gif') left no-repeat; } #cestina { background: url('../images/cestina.gif') left no-repeat; } #anglictina { background: url('../images/anglictina.gif') left no-repeat; } #matematika { background: url('../images/matematika.gif') left no-repeat; } #fyzika { background: url('../images/fyzika.gif') left no-repeat; } #dejepis { background: url('../images/dejepis.gif') left no-repeat; } #zsv { background: url('../images/zsv.gif') left no-repeat; } #maturitni-centrum { background: url('../images/maturita2.gif') left no-repeat; } * html #tour { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/product-tour-icon.png', sizingMethod='scale'); } * html #download { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/download-icon.png', sizingMethod='scale'); } * html #encyklopedie { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/encyklopedie.png', sizingMethod='scale'); } * html #denik { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/denik.png', sizingMethod='scale'); } * html #prehledy { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/prehledy.png', sizingMethod='scale'); } * html #centrum { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/centrum.png', sizingMethod='scale'); } * html #sbirka { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sbirka.png', sizingMethod='scale'); } * html #maturita { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/maturita.png', sizingMethod='scale'); } * html #testy { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/testy.png', sizingMethod='scale'); } /* end icons */ /** ------------------------- ------ PRESENTATION ----- ------------------------- */ .preview { display: block; width: 400px; text-align: left; border: 7px solid #f7f7f7; } #preview-encyklopedie { height: 504px; background: url('../images/encyklopedie_nahled.png') no-repeat; } #preview-denik { height: 531px; background: url('../images/denik_nahled.png') no-repeat; } #preview-sbirka { height: 527px; background: url('../images/sbirka_nahled.png') no-repeat; } #preview-centrum { height: 321px; background: url('../images/centrum_nahled.png') no-repeat; cursor: default; } #preview-centrum a, #preview-tests a { display: none; } #preview-prehled { height: 274px; background: url('../images/prehled_1_nahled.png') no-repeat; } #preview-prehled2 { height: 276px; background: url('../images/prehled_2_nahled.png') no-repeat; } #preview-maturita { height: 315px; background: url('../images/maturita-nahled.png') no-repeat; } #preview-tests { height: 350px; background: url('../images/test_nahled.png') no-repeat; } #preview-verze-sk { height: 450px; width: 300px; background: url('../images/sk_verze.jpg') left no-repeat; } #preview-verze { height: 770px; width: 300px; background: url('../images/verze.jpg') left no-repeat; } * html div#preview-encyklopedie { width: 415px; height: 524px; } * html div#preview-denik { width: 415px; height: 550px; } * html div#preview-sbirka { width: 415px; height: 545px; } * html div#preview-centrum { width: 415px; height: 330px; } * html div#preview-prehled { width: 415px; height: 290px; } * html div#preview-prehled2 { width: 415px; height: 290px; } * html div#preview-maturita { width: 415px; height: 320px; } * html div#preview-tests { width: 415px; height: 370px; } #mark { outline: none; text-decoration:none;border:0;text-align: left; text-indent: -1000em; display: block; width: 144px; height: 144px; margin: 30px 0 0 45px; background: url('../images/mark-p.gif') no-repeat; } .column { } .column img { margin: 5px 0 5px 0; border: 1px solid #ededed; } .column img:hover { margin: 5px 0 5px 0; border: 1px solid #A0E617; } .column h3 { height: 40px; font-size: 1.2em; color: #EA6411; } a.material-preview { border-bottom: 0; margin-left: 25px; display: block;} a.material-preview img { margin: 5px 0 0px 0; border: 1px solid #dedede; } a.material-preview:hover img { margin: 5px 0 0px 0; border: 1px solid #A0E617; } a.material-preview span { font-size: 85%; font-style: italic; margin-left: 5px; color: #aaa;} /* H3 header */ .subject-item { display: block; line-height: 30px; height: 30px; font-weight: normal; letter-spacing: -0.02em; font-size: 1.5em; margin: 5px 0 5px 0; padding: 0; color: #3A3A3A; } .subject-item span { float:left; background-position: right!important; padding-right: 35px; height: 30px; } .column a { display: block; border: 0; } .column p strong { font-weight: bolder;} .column-wide { width: 245px; float: left; } .column-wide a { display: block; border: 0; } .column-wider { width: 492px; margin-left: 266px; } #first { width: 248px; float:left; margin-left: 10px; padding:0; } #second { width: 248px; float:left; margin-left: 8px; padding:0; } #third { width: 248px; float:left; margin-left: 8px; } #second-third { padding: 0 10px 0 8px; } .subject-unique { margin-bottom: 15px; padding: 10px; background: #f7f7f7; border: 1px solid #efefef; border-bottom: 1px dotted #a4a4a4; } #subject-list { position: relative; width: 245px; background: url('../images/fade1.gif') #a1a1a1 top left no-repeat; } #subject-list h2 { padding: 15px; color: #FBFBFB; } #subject-list-fade { display: block; width: 245px; height: 163px; background: url('../images/fade.jpg') no-repeat; } #subject-list-image { position: absolute; top: 50%; left: 80px; display: block; width: 165px; height: 361px; background: url('../images/pohodar.gif') no-repeat; } /* material-icons */ .material-icons { position: relative; height: 35px; width: 100%; border-bottom: 1px dotted #a4a4a4; text-align: right; margin: 10px 0 10px 0; } .material-icons a { color: #454545; font-size: 0.9em; text-decoration: none; border: 0; line-height: 25px; letter-spacing: -0.015em; padding: 2px 0 2px 28px; } .material-icons a span { font-weight: normal; font-size: 1.0em; padding: 2px 4px 2px 4px; white-space: nowrap; } .material-icons a:hover span { text-decoration: underline; } #contentholder #testy { background: url('../images/testy.gif') left no-repeat; } #contentholder #denik { background: url('../images/denik2.gif') left no-repeat; } #contentholder #prehledy { background: url('../images/prehledy2.gif') left no-repeat; } #contentholder #sbirka { background: url('../images/sbirka2.gif') left no-repeat; } #contentholder #maturitni-otazky { background: url('../images/maturitni-otazky.gif') left no-repeat; } #contentholder #centrum { background: url('../images/zemepis.gif') left no-repeat; } #contentholder #encyklopedie { background: url('../images/encyklopedie-small.gif') no-repeat; } /*#testy { background: url('../images/testy.gif') top left no-repeat; }*/ #maturitni-otazky { background: url('../images/maturitni-otazky.gif') top left no-repeat; } /** ------------------------- -------- FORMS ---------- ------------------------- */ form { display: block; margin: 10px 0 10px 0; padding: 20px 10px 20px 10px; background: #efefef; -moz-border-radius: 15px; width: 456px; } form#form-q { width: 100%;} legend { color: #585858; } fieldset { border: 1px solid #a4a4a4; padding: 10px; margin: 5px; } #form-info { float: right; width: 250px; padding: 10px 15px 10px 15px; margin: 14px 5px 10px 5px; background: transparent; } #check-form { background: #ffff66; } #check-form td { background: transparent; border: 0; } form p { margin: 0; text-indent: 0; padding: 10px 0 0 0; } form br {clear: both; } form#form-q .box-left{ width: 48%; float: left; } form#form-q .box-right{ width: 48%; float: right; } .form-check-data input { background: transparent; border: 0; color: #000; font-weight: bold; } .submit input, form#check-form .submit input {margin: 5px; padding: 2px 3px 2px 3px; font-weight: normal; } form span.error-text {margin: 0 0 0 12px; color: #cc0000; } form fieldset span.error-text {display: block;} form legend { color: #131313; padding: 0 5px 0 5px;} * html input, textarea {width: 180px; } #note { margin-left: 15px; width: 20px; } table { margin: 10px 0 10px 0; padding: 0; font-size: 0.9em; border-collapse: collapse; } td { background: #F9F9F9; padding: 4px; width: 220px; border: 2px solid #fff; } td.price { padding: 4px; width: 80px; text-align: right; } td strong { font-size: 1.1em; font-weight: bold; } /* end forms */ /** ------------------------- ----- PRODUCT TOUR ------ ------------------------- */ #product-tour-step1, #product-tour-step2, #product-tour-step3, #product-tour-step4 { text-align: center; padding: 0; } #product-tour-step1 a, #product-tour-step2 a, #product-tour-step3 a { display: none; } #product-tour-step1 { width: 400px; height: 355px; background: url(../images/krok-1.png) no-repeat; } #product-tour-step2 { width: 390px; height: 425px; background: url(../images/krok-2.png) no-repeat; } #product-tour-step3 { width: 400px; height: 390px; background: url(../images/krok-3.png) no-repeat; } #product-tour-step4 { width: 420px; height: 320px; background: url(../images/krok-4.png) left no-repeat; } #product-tour-step4 h3 { font-size: 1.2em; } #product-tour-step4 ul { float: right;} #pt-buttons { clear: both; margin-top: 35px; width: 100%; border-top: 1px dotted #aaa; } .nav-buttons { display: block; margin: 0; } .nav-buttons span { display: none; } #prev { display: block; float: left; height: 30px; line-height: 30px; color: #383838; padding-left: 35px; background: url(../images/prev.gif) left no-repeat; margin: 10px 5px 10px 0; border: 0; } #next { display: block; float: right; height: 30px; line-height: 30px; color: #383838; padding-right: 35px; background: url(../images/next.gif) right no-repeat; margin: 10px 5px 10px 0; border: 0; } .pt-header { width: 400px; margin: 0 200px 0 200px; margin-bottom: 1em; text-align: center; font-size: 1.9em; position: relative; } .pt-step, .pt-step1 { display: block; width: 100px; height: 25px; position: absolute; top: 5px; left: -60px; color: #F5F5F5; font-size: 1.6em; font-weight: bold; letter-spacing: -0.15em; } .pt-step1 { position: absolute; top: 5px; left: -80px; } #download-dialog { width: 404px; height: 273px; background: url(../images/download.png) right no-repeat; } #download-dialog a { display: none; } #maturant-header, #order-header, #download-header, #spokojeni-header { display: block; width: 300px; height: 100px; background: url(../images/maturant-header.png) right no-repeat; } #order-header { background: url(../images/order-header.png) right no-repeat; } #download-header { background: url(../images/download-header.png) right no-repeat; } #spokojeni-header { background: url(../images/spokojeni-header.png) right no-repeat; } /* CSS classes */ a.more-info { float: right; width: 120px; text-align: right; color: #000; background: url('../images/more-info.gif') no-repeat; text-decoration: none; padding: 2px 0 2px 0; margin: 10px 10px 0 0; } a.more-info:hover { text-decoration: underline; } .hidden { display: none; } .clear { clear: both; line-height: 1px; font-size: 1px; margin: 0; padding: 0; margin-top: -5px; border: 0; height: 1px; visibility: hidden; } .noshow { visibility: hidden; } #arrow, #arrow-sk { display: block; height: 92px; width: 180px; background: url(../images/arrow.gif) no-repeat; } #arrow-sk { background: url(../images/sk_arrow.gif) no-repeat; } #arrow p { display: none; } #text-cycle a, #text-banner a, { border: 0; } #text-cycle { display: block; width: 100%; line-height: 1.5em; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; margin: 15px 0 10px 0; /*padding: 10px 0 10px 0;*/ text-align:center; } #text-cycle p { font-size: 1.4em; } #text-banner { display: block; width: 100%; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; margin: 15px 0 10px 0; text-align:center; } #text-banner { font-size: 1.4em; line-height: 1.5em; } #text-banner p { cursor: pointer; } * html div#text-banner p { cursor: hand; } .anchor { color: #454545; background: url('../images/arrow-grey.gif') #9B9B9B left no-repeat; background-position: 5px 9px; padding: 5px 0 5px; padding-left: 25px; margin: 1px 3px 0 3px; border-bottom: 0; } .anchor:hover { color: #fff; background: url('../images/arrow-grey-on.gif') #A1A1A1 left no-repeat; background-position: 5px 9px; } .list-icon { margin-left: 0; padding-left: 0; padding-bottom: 10px; } .list-icon li { padding: 0 0 0 37px; margin: 10px 0 5px 0; list-style:none; } .important { text-indent: 0; border: 1px dotted #d5d5d5; padding: 3px 5px 3px 5px; } .important em { color: #D73D07; } #button-material-list { background: url(../images/button-materials.gif) repeat-x; height: 35px; width: 200px; line-height: 35px; border: 1px solid #d5d5d5; display: block; text-align: center; -moz-border-radius: 8px; }