@charset "UTF-8"; /* @group CSS RESET */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; line-height: 1.3; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*@end */ /* @group BASICS */ hr { display: none; } .right { float:right } .left { float:left } /* @group Clear */ .clear:after { clear: both !important; content: "." !important; display: block !important; height: 0 !important; visibility: hidden !important; } .clear { display: inline-block !important; } /* Hides from IE-mac \*/ * html .clear { height: 1% !important; } .clear { display: block !important; } /* End hide from IE-mac */ /* @end */ body { font-family: "Arial CE", Arial, "Lucida Grande CE", Tahoma, lucida, sans-serif; font-size: 80%; color: #000; background: #999795; text-align: center; } h1 { text-align: center; font-variant: small-caps; border-bottom: 1px solid #AAA8A5; font-size: 1.7em; line-height: 1.4em; margin: 0em 0px 0.8em 0px; display: block; } h1 span { border-bottom: 5px solid #FF9900; display: inline-block; padding: 0 0.5em; margin: 0 0 -1px 0; } a:link { color: #C60 } a:visited { color: #A30 } a:hover { color: #000; } a:focus { color: #C00 } a:active { color: #F90 } h2.heading, h2.header { font-size: 128%; margin: 1.4em 0 0.4em 0; background: #DDDDDD; border-bottom: 2px solid #666666; padding: 0.4em 0 0.2em 8px; color: #575652; position: relative; } h2.heading a, h2.header a { color: #575652; text-decoration: none; } h2.heading a:hover, h2.header a:hover { color: #CC6600; text-decoration: underline; } h2.heading span.right, h2.header span.right { position: absolute; right: 8px; font-size: 80%; top: 6px; font-weight: normal; } h2.heading a span.right, h2.header a span.right { text-decoration: underline; color: #cc6600; } /* @group Uni List */ .uni-list { margin: 0 0 1em 0; } .uni-list .date { color: #666666; padding: 0 0 0 10px; white-space: nowrap; } .uni-list li { padding: 0 0 4px 8px; position: relative; } /* @end */ /* @group Status Messages */ .warning { font-weight: bold; color: red; font-size: 1.1em; } .error { color: red; font-weight: bold; line-height: 1.3; } .error strong { background: red; color: #fff; padding: 0 4px; } .info { line-height: 1.3; margin: 0 0 2em 0; } .highlight { background:#FBF9EE; border:1px solid #FCEFA1; clear:both; font-size:13px; line-height:1.3; margin-top:20px; padding:6px; color: #000; } ul.messages .info { line-height: 1.3; margin: 0 0 2em 0; font-weight: bold; border: 1px solid #7b7b7b; padding: 0.5em; color: #000; } ul.messages { margin: 1em 0 1em 0; } ul.error { margin: 1em 0; } .m-info { border: 1px solid #BBBBBB; } .m-notice { font-weight: bold; color: blue; border: 1px solid blue; } .m-minor { font-size: 86%; line-height: 1.2; background: #e7e7e7; } .m-inline { margin: 0 0 1em 0; padding: 0; } span.helpMessage { background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x !important; border-color:#E0E0E0 #D3CFCF #D3CFCF #E0E0E0; border-style:solid; border-width:1px; width: 17px; height: 17px; display: inline-block; text-align: center; line-height: 19px; font-size: 11px; cursor: pointer; font-weight: bold; margin: 0 0 0 2px; color: #000; } /* @end*/ /* @group alphabet navigation */ .alphabet { margin: 0 0 0em 0; } .alphabet ul li { float: left; width: 2em; display: block; } .alphabet ul li a { text-decoration: none; background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x !important; border-bottom: 1px solid #d3cfcf; border-right: 1px solid #d3cfcf; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; display: block; padding: 5px 0; text-align: center; margin: 0 4px 4px 0; font-size: 90%; font-weight: bold; } .alphabet ul li a:visited { color: #CC6600; } .alphabet ul li a:hover { background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 1px solid #b55a00; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } .alphabet ul li.active strong { background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 1px solid #b55a00; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; padding: 5px 0; font-size: 90%; display: block; text-align: center; margin: 0 4px 4px 0; } /* @end */ /* @group Corners */ span.corner { display: none; } /* @end */ /* @end */ /*@group BASE LAYOUT */ #page { width: 994px; margin: 0 auto 0 auto; background: #eee; min-height: 700px; border-bottom: 50px solid #999795; text-align: left; } #main { width: 700px; float: left; padding: 0 0px 20px 12px; } div#main.nosidebar { clear:both; width:970px; } /* @group Header */ #header { position: relative; margin: 0 auto 0 auto; background-color: #575652; height: 80px; background: #575652 url(http://ii.iinfo.cz/r/root-claim.png) no-repeat scroll 100% 0; border-bottom: 1px solid #FF9900; border-top: 20px solid #999795; } .topHeader { position: absolute; top: -20px; text-align: right; right: 0; font-size: 90%; color: #fff; background: #999795; width: 994px; height: 20px; line-height: 20px; padding: 0 18px 0 0; } #login a { color: #fff; padding: 0 0 0 4px; font-weight: bold; } #login a img { position: relative; top: 1px; } #StyleSwitch { text-decoration: none; position: absolute; right: 0; top: 2px; } #header .logo { position: absolute; left: 15px; bottom: 5px; } /* @group Search */ #cse-search-box, #search { position: relative; background: #575652; margin: 0; padding: 0; position: relative; height: 41px; } #cse-search-box .search-text input { border: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 13px; margin: 0 0 0 0px; padding: 4px; width: 102px; background: transparent; height: 16px; } #cse-search-box .search-text { background: #fff; width: 102px; height: 25px; display: block; padding: 1px 0px 0 0; position: absolute; top: 8px; left: 10px; } #cse-search-box .search-submit input { background: transparent; border: none; color: #fff; height: 24px; font-weight: bold; font-size: 90%; position: absolute; top: 1px; padding:2px 0 5px; margin: 0; width: 68px; vertical-align: middle; } #cse-search-box .search-submit { margin: 0; padding: 0px; width: 68px; height: 24px; display: block; position: absolute; top: 8px; right: 10px; background:#706F69 none repeat scroll 0 0; border-color:#A8A69E #333333 #333333 #A8A69E; border-style:solid; border-width:1px; } /* @end */ #search { background: #575652; margin: 10px 0 0 0; padding: 3px 0 7px 0; position: relative; height: 29px; } #search .search-submit input { border-left: 1px solid #a8a69e; border-right: 1px solid #333333; background: #706f69; color: #fff; border-top: 1px solid #a8a69e; border-bottom: 1px solid #333333; margin: 0; padding: 2px; font-weight: bold; font-size: 90%; position: absolute; top: 1px; } #search .search-submit { position: absolute; top: 8px; left: 120px; display: block; } #search fieldset { padding: 4px 8px 0px 8px; display: block; } #search .text-field { width: 100px; border: 1px solid #333333; background: #fff; margin: 0; padding: 4px 3px 4px 3px; height: 14px; position: absolute; left: 8px; top: 8px; } #search a { color: #cccccc !important; font-size: 90%; position: absolute; top: 5px; left: 5em; } /* @end */ /* @group Main menu */ div.strip-2 h4 { position: absolute; left: -5000px; } #mainmenu { background: #000; padding: 6px 0 6px 14px; } #mainmenu li { float: left; padding: 0 10px 0 0; line-height: 1.3; } #mainmenu li a:link,#mainmenu li a:visited { color: #fff; text-decoration: none; } #mainmenu li a:hover { color: #ee9900; } #mainmenu .skoleni a:link, #mainmenu .skoleni a:visited, #mainmenu .skoleni a{color: #ee9900;} /* @end */ /* @group Path */ div.path { font-size: 86%; padding: 1.2em 0 0.8em 0px; margin: 0 8px 0 0px; } div.path span { font-weight: bold; } /* @end */ /* @group SIDEBAR */ #sidebar { float: right; width: 260px; margin: 0 8px 0 0; padding: 10px 0 0 0; } #sidebar .container { border: none; margin: 1em 0 1em 0; background: #cccccc url(http://ii.iinfo.cz/r/box.gif) repeat-x; padding: 8px 6px 4px 7px; } #sidebar .container h2.heading a, #sidebar .container h2.header a{ color: #000; } #sidebar .container a, #sidebar .container a { color: #000; } #sidebar .container h2.heading a:after { content: " >>"; } #sidebar ul, #sidebar ol { line-height: 1.3; margin: 0 0 0.6em 0; font-size: 90%; } #sidebar ul li small, #sidebar ol li small { color: #828282; } #sidebar li { line-height: 1.3; list-style: none; margin: 0 0 3px 0px; } #sidebar .bullets li { line-height: 1.3; list-style-image: url(http://ii.iinfo.cz/r/rsl.gif); margin: 0 0 0 20px; } #sidebar ul ul { margin: 3px 0 5px 5px; font-size: 105%; } #sidebar ul ul li{ padding-bottom: 2px; } #sidebar ul ul ul { margin: 3px 0 5px 18px; font-size: 100%; } /* @group RecentPRs */ #RecentPRs li { margin: 0 0 0.3em 0; } #RecentPRs .date { white-space: nowrap; display: block; color: #666666; font-size: 90%; } /* @end */ #sidebar a.link-detail { background: url(http://ii.iinfo.cz/r/arrow-small-right-b.gif) right 60% no-repeat; } /* @group recentActualities */ /* @group ROOT, noPerex actualities */ #recentActualities span.noPerex { float: right; display: block; width: 6em; text-align: right; position: relative; top: 2px; } #recentActualities .item.noPerex { margin-bottom: 0.6em; } #recentActualities h3.noPerex { float: left; width: 20em; margin-bottom: 0.2em; } #recentActualities .comments {float: none; margin-top: 5px; clear: both; } /* @end */ #recentActualities { margin: 0 0 1em 0; } #recentActualities h2.heading { height: 1.5em; padding-top: 0px; } #recentActualities h3 { margin: 0 0 4px 0; line-height: 1.3; } #recentActualities span.date { font-size: 90%; color: #666666; } #recentActualities span.date a { color: #000; } #recentActualities p { margin: 3px 0 0 0; line-height: 1.2; } #recentActualities .item { margin: 0 0 0.8em 0; } #recentActualities .opin { margin-top: 0.3em; clear: both; } #recentActualities span.link-more { margin: 20px 0 5px 0; font-size: 90%; } #recentActualities span.link-more a{ margin: 0 5px 0 0; position: relative; top: 2px; } #recentActualities span.link-more a.rss{ margin: 0; position: absolute; top: 2px; right: 0; } /* @end */ /* @end */ /* @end */ /* @group ARTICLE */ /* @group Perex */ .perex { background: #E4E4E4; border: 1px solid #DDDDDD; margin: 1em 0 1em 0; padding: 0.85em 0.5em 0.5em 0.5em; border-left: 10px solid #DDDDDD; line-height: 1.3; } .perex img { border: 1px solid black; float: left; margin: 0px 10px 5px 0; } /* @end*/ /* @group Article info */ .article-info { margin: 0px 0 15px 0px; position: relative; padding: 9px 0 0 0; } .article-info .author { padding: 0 0 0 5px; } div.archive-article .article-info { color: #666666; margin: 0.8em 0 0 0; font-size: 86%; } .article-info a { color: #666666; } #main div.archive-article div.article-info { clear: both; } span.date { color: #666666; padding: 0 5px 0 0; } .article-info a.path { padding: 0 0 0 0px; } /* @end */ /* @group Serial */ .serial { padding: 0px 0 0 0px; margin: 2em 0 0.5em 0; clear: both; } .serial h2 { font-size: 1.4em; background: #DDDDDD; border-bottom: 2px solid #666666; padding: 0.2em 0 0.2em 8px; color: #575652; } .serial h2 a.rss_serial { float: right; margin-right: 0.4em; text-decoration: none; } .serial h2 a.rss_serial span { text-decoration: underline; font-weight: normal; font-size: 14px; } .serial h2 a.rss_serial img { position: relative; top: 2px; } .serial ul { margin: 6px 0 1em 20px; } .serial ul li { list-style-type: disc; list-style-position: outside; line-height: 1.5; } /* @end */ /* @group Author */ .author { margin: 0 0 1.5em 0px; } div.author { line-height: 1.4; } div.author p { font-size: 86%; color: #6a6a6a; } div.author h3 { display: inline-block; vertical-align: middle; min-height: 20px; line-height: 20px; } div.author .svg { display: inline-block; vertical-align: middle; margin: 0; float: none; } div.author img { float: left; margin: 0 8px 0 0; max-width: 70px; max-height: 70px; height: auto; width: auto; } div.author p a { color: #6a6a6a; } /* @end */ /* @group Classification */ #classification-sub { background: #dddddd; padding: 8px; position: relative; } #classification { } #classification #classification-data { width: 22em; float: left; } #classification #classification-data a { text-decoration: none; background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x !important; border-bottom: 1px solid #d3cfcf; border-right: 1px solid #d3cfcf; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding: 2px 5px; font-weight: bold; } #classification #classification-data a:hover { text-decoration: none; background: #dedede url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 1px solid #b55a00; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } #classification #classification-average { width: 12em; float: right; margin: 0 3em 0 0; } #classification-top { display: inline; position: absolute; right: 8px; font-weight: bold; } /* @group Top20 */ .classification-ar { padding: 0 0 0 7em; position: relative; line-height: 1.3; } .classification-ar .cla { font-size: 220%; position: absolute; left: 0; top: 0; color: #AA3300; } .classification-ar .cla span { color: #999999; font-size: 40%; } /* @end */ /* @end * / /* @end */ /* @group Nalepky, Labels in Article*/ .discussion-label-filter { padding: 0 !important; border: none !important; } .discussion-label-filter form { margin: 8px 8px 8px 0px; } .discussion-label-filter p, span.corner { display: none; } /* @end */ /* @group Souvisejici texty */ .pertlinks h2{ background: #cccccc; color: #000; padding: 0.5em 0.5em 0.5em 8px; margin: 16px 0px 8px 0px; } .pertlinks ul li{ line-height: 1.4; padding: 0 6px 0 0; } .pertlinks ul{ margin: 0 0 0 8px; } .pertlinks {padding: 20px 0;} /* @end */ /* @end */ /* @group ARCHIVES */ /* @group Polls */ #poll-archive .enquiry { margin: 0 0 2em 0; } #poll-archive .enquiry p { font-size: 16px; font-weight: bold; margin: 0.3em 0 0.8em 0; } #poll-archive .enquiry table { width: 100%; text-align: left; font-size: 14px; border-top: 1px solid #BBBBBB; } #poll-archive .enquiry table th, #poll-archive .enquiry table td{ border-bottom: 1px solid #BBBBBB; padding: 6px 0; } #poll-archive .enquiry table td.percents{ text-align: right; } #poll-archive .enquiry table th.answer{ width: 45%; font-weight: normal; } #poll-archive .answered{ margin: 0.5em 0 0.5em 0; display: block; } /* @end */ div.archive-article .text { line-height: 1.3; } /* @group Opinion count / new */ div.opin { font-weight: bold; color: #666666; margin: 0.3em 0 0 0; } div.opin a { color: #666666; } /* @end */ /* @group archive-article */ div.archive-article { margin: 1em 0 1.6em 0px; } div.archive-article h3 { font-size: 130%; } .archive-article div.perex { background: none; border: 0; padding: 0; margin: 0.5em 0 0.6em 0; } h3.archiveType { margin: 0 0 5px 8px; } /* @group BOX */ .box { margin: 8px 0 8px 0; padding: 8px; line-height: 1.3; } .box h2 { font-size: 1.2em; background: #DDDDDD; border-bottom: 2px solid #666666; padding: 0.2em 0 0.2em 8px; color: #575652; margin: -1px -1px 8px -1px; } .box h2 span.corner { display: none; } html body .monitoringComponentArticle.article-discussion { padding: 10px; margin: 0; } .monitoringComponent h3, .TitleList h3{ background: #cccccc; color: #000; padding: 0.5em 0.5em 0.5em 8px; margin: -8px -8px 8px -8px; } .monitoringComponentArticle h3{ background: #cccccc; color: #000; padding: 0.5em 0.5em 0.5em 8px; margin: 0px 0px 0px 0px; } .box.style1 { border: 1px solid #BBB; } .box h3.legend { width: auto; margin: -1px -1px 0 -1px; padding: 8px 8px 5px 8px; background: #ff9901; color: #fff; font-size: 120%; } .box p { line-height: 1.4; } /* @group Root box */ .container { background: #dfdfdf; border: 1px solid #BBB; padding: 8px 5px 5px 6px; position: relative; margin: 0 0 0em 0; } .container h2.heading, .container h2.header { border: none; background: #eeeeee; padding: 3px 0 2px 0; border-bottom: 2px solid #575652; line-height: 1.4; text-transform: uppercase; font-size: 90%; font-weight: bold; letter-spacing: 1px; color: #575652; margin: 0 -6px 0px -7px; position: relative; top: -9px; } .container h2.heading .top {display: none;} .container h2.heading a, .container h2.header a { color: #000; } .container h2.heading a:after, .container h2.header a:after { content: " >>"; } /* @end */ /* @end */ /* @group INDEX */ /* @group Index */ #p-index #articles { width: 394px; float: left;} #p-index #main { width:970px; margin: 10px 0 0 0; padding: 0 12px 20px 12px; } #p-index h1 { display: none; } #p-index .column2 { float: right; width: 564px; padding: 0 0 0 0; } #p-index .column2-1 { float: left; width: 350px; } #p-index .column2-2 { float: right; width: 200px; margin: 0.8em 0 0 0; } /* @group Index Articles */ div.articles h2 { font-size: 1.3em; margin: 0 0 4px 0; line-height: 1.2; } div.articles h2 a:hover{ color: #286398; } div.articles img { overflow: hidden; float: left; margin: 3px 10px 0 0; border:1px solid #000000; } div.articles p { line-height: 1.3; } div.articles .article-info { font-size: 12px; clear: both; padding: 5px 0px 20px 0; line-height: 1.3; position: relative; margin: 0; } div.articles .article-info span.date { color: #a2a2a2; font-weight: bold; padding: 0 0px 0 0; margin: 0 0px 0 0; } div.articles .article-info .author { padding: 0 0px 0 6px; margin: 0 0px 0 3px; border-left: 1px solid #cecece; } .article-info .art-rubric,.article-info .ar-rubric { padding: 0 0px 0 6px; margin: 0 0px 0 3px; border-left: 1px solid #cecece; } .article-info .subject { padding: 0 6px 0 6px; margin: 0 0px 0 0px; border-left: 1px solid #cecece; } /* @end */ /* @end */ /* @group More */ div.more { border-top: 2px solid #666; margin: 1em 0 0 0; padding: 0.5em 0 0 0; } /* @end */ /* @group TitlePagePromo */ #TitlePagePromo { border: 1px solid #7F7F7F; padding: 8px; line-height: 1.3; } #TitlePagePromo img { float: right; margin: -8px; margin-left: 0; display: block; } #TitlePagePromo h3 { font-size: 116%; margin: 0 0 0.4em 0; } /* @end */ /* @group DiscussionsBox */ /* @group discussionList */ #viewSwitch a { display: block; text-align: center; text-decoration: none; background: #ececec; padding: 2px 0; font-size: 12px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #CC6600; } #viewSwitch a:hover { background-color: #989898; color: #fff; } /* @group tabs */ .container.style1 ul.ctabs { border-bottom: 1px solid #999999; margin: -25px 0px 10px 0px; padding: 0 0 0 4px; } .container.style1 ul.ctabs li { list-style: none; font-size: 11px; display: block; float: right; border: 1px solid #d8d8d8; margin: 0 5px -1px 0; border-bottom: none; position: relative; background: #F8F8F8; } .container.style1 ul.ctabs li:last-child { background: #f7f7d1; } .container.style1 ul.ctabs li.active { border: 1px solid #999999; border-bottom: 1px solid transparent; } .container.style1 ul.ctabs li strong, .container.style1 ul.ctabs li a { display: block; padding: 3px 6px; font-weight: bold; text-decoration: none; } .container.style1 ul.ctabs span.top-left { background-position: top left; left: -1px; top: -1px; } .container.style1 ul.ctabs span.top-right { background-position: top right; right: -1px; top: -1px; } /* @end */ #discussionList span.link-more a#newTopic { background-image: url(http://ii.iinfo.cz/r/ico-link-add.png); background-repeat:no-repeat; font-weight:bold; line-height:1em; padding: 7px 0 7px 30px; margin: 0; float: right; } #discussionBox { margin: 0 0 1em 0; } #discussionList { background: #F8F8F8; border:1px solid #CCCCCC; margin:1em 0 0; padding: 8px 5px 5px 6px; } #discussionBox #discussionList h2.header { font-size:120%; border-bottom: 0; background: transparent; margin: 10px 0 -8px 0; padding: 0; font-weight: bold; } #discussionBox #discussionList h2.header a{ color: #cc6600; text-decoration: none; content: none; text-transform: none; letter-spacing: 0; } #discussionBox #discussionList h2.header a:after{ content: ""; } #discussionList span.topic{ display: block; width: 235px; float: left; } #hotDiscussions li.clear span.topic { width: 290px; } #discussionList span.date{ padding: 0; } #discussionList span.f-info{ display: block; width: 80px; float: right; text-align: right; } #hotDiscussions li.clear span.f-info { width: 40px; } #discussionList .label{ display: none; } #discussionList span.f-info .all { display: block; float: left; } #discussionList span.f-info .all a{ background: url(http://ii.iinfo.cz/r/ico-comments.gif) no-repeat left center; padding: 0 0 0 16px; } #discussionList li.clear { padding: 2px 0 2px 0; font-size: 12px; border-bottom: 1px solid #e9e9e9; } #discussionList span.link-more { font-weight:bold; margin: 0px 0 0; padding:6px 0 2px; } #discussionList span.link-more a{ background-image:url(http://ii.iinfo.cz/r/ico-link-all-opinions.png); background-position:left 70%; background-repeat:no-repeat; font-size:100%; font-weight:bold; line-height:2em; margin:0 20px 0 0; padding:5px 0 5px 30px; } /* @end */ /* @end */ /* @group top-blogs */ #top-blogs .author { margin-bottom: 0; color: #666666; font-size: 10px; position: relative; top: -0.2em; } #top-blogs { margin: 0 0 1em 0; } #top-blogs div.blog-item { margin: 0 0 0.4em 0; } #top-blogs p { line-height: 1.2; font-size: 95%; } #top-blogs p img{ float: left; margin: 2px 5px 0px 0; width: 40px; height: 40px; border: 1px solid #000; } #top-blogs div.opin { font-size: 90%; float: right; margin: 0; } #top-blogs div.blog-item.clear div.article-info span.date { float: left; } #top-blogs .article-info { margin: 3px 0 3px 0; font-size: 86%; color: #666666; padding: 0; float: right; width: 116px; } #top-blogs h3 { font: 100%; line-height: 1.2; float: left; width: 214px; } /* @end */ .SmallList span { color: #666666; } /* @group WritedOtherwhere */ .WritedOtherwhere { padding: 0px !important; margin: 0;} .WritedOtherwhere h3 a { color: #000; } .WritedOtherwhere h3 { margin: 0 0 1px 0; line-height: 1.3; } .WritedOtherwhere h2 { border: none; margin: 0 0 3px 0 !important; padding: 0; font-size: 110%; } .WritedOtherwhere p { margin: 0 0 0.5em 0; line-height: 1.3; font-size: 96%; } .WritedOtherwhere .txt { margin: 0 0 1em 0; } /* @end */ /* @end */ /* @group ADV */ h4.admarker { color:#AAA; } #sidebar h4.admarker { margin-bottom:5px } .ad span{ border: none; text-transform: uppercase; font-size: 76%; font-weight: normal; color: #71706a; display: block; padding: 0 0 1px 0; } #sidebar .ad span{ border: none; padding: 0px 0 2px 0; text-transform: uppercase; font-size: 90%; font-weight: bold; letter-spacing: 1px; color: #575652; background: #eeeeee; border-bottom: 2px solid #575652; margin: 1em 0 0 0; line-height: 1.4; display: block; } #sidebar .ad{ margin: 5px 0; padding: 5px 0; } .ad { text-align: center; margin: 0 auto; } /* @group PR article */ div.articles h4.admarker { text-align: left; } /* @end */ /* @group ad-468x60 */ #ad-468x60 { margin: 0; } /* @end */ /* @group ad-760x100*/ #ad-760x100 { background: #999795; text-align: center; } #ad-760x100 object, #ad-760x100 embed{ text-align: center; margin: 0 auto; } #ad-760x100 span{ color: #42423e; margin-bottom: 6px; } .ad-textbox { text-align:left; line-height:1.4em; } .ad-textbox img { display:block; margin:auto; } #as-se-300x250 {float:left} /* @end */ /* @group ad-300x300 */ #ad-300x300 { margin: 5px 0 15px 0; } #ad-300x300 span{ margin-bottom: 6px 0 0 0; } /* @end */ /* @group ad.textbox */ .ad.textbox { background: white; line-height: 1.4; color: #3a3a3a; } /* @end */ /* @group Sklik custom */ #sidebar .sklik-ads .sklik-ad .sklik-title {font-size: 15px; !important} #sidebar .sklik-ads .sklik-ad .sklik-descr1, #sidebar .sklik-ads .sklik-ad .sklik-descr2, #sidebar .sklik-ads .sklik-ad .sklik-url {font-size:12px !important} #sidebar .sklik-ads .sklik-ad {margin: 0 0 25px 0 !important} #sidebar .sklik-ad img {width: 80px;} #sidebar .sklik-ad {padding-left: 90px;} /* @end */ /* @group AdSense */ .adsense-box { line-height:1.3; font-size:1.1em; } .ads-by-google { display:block; font-size:.9em; } .adsense-headline { display:block; font-size:1.1em } .adsense-url { text-decoration:none; color:#888 !important; font-size:90% } .adsense-onead { margin:5px 0 5px 0 } .adsense-box.as-nazory { clear:both; } .adsense-box#as-clanek, .adsense-box#as-zpravicky, .adsense-box.as-nazory { border-left:10px solid #F90; padding-left:10px } /* @end */ /* @group Tip */ .tips { background: #DFDFDF; border: 1px solid #FF9900; margin: 0.4em 0 0 0; padding: 8px; line-height: 1.3; font-size: 90%; } .tips strong { font-size: 110%; } .tips p { margin: 0.4em 0 1em 0; line-height: 1.6; } .tips .rs-img-right { float: right; margin: 0 0 5px 10px; } /* @end */ /* @group Computer Help */ #comphelp { background: #fff; padding: 8px; color: #000; } #comphelp a{ } #comphelp a img{ display: block; margin: 0 auto; } #comphelp li{ padding: 0 0 5px 0; } #comphelp li a{ padding: 0 0 5px 0; } #as-op-468x60 {clear:both} #as-ar-300x250 {margin:20px 0} /* @end */ /* jobsBox */ #root .jobs-lst { padding: 12px 5px 0 15px; } #root .jobs-ad-tab { width: 81px; margin: 0 0 0 3px; } #root .jobs-ad-tab a, #jobs .tipLink a { text-decoration: none; } #root .jobs-ad-tab a:hover, #jobs .tipLink a:hover { text-decoration: underline; } #root .jobs-ad-tabs { right: 2px; } #root #jobs-ad-logo { left: 14px; top: 14px; } #root #jobs { margin: 20px 0 10px 0; } #root .jobs-ad-more { margin: 8px 0 19px 28px; } #p-index .jobs-ad-tabs { left: 0; top: 44px; width: 198px; } #p-index .jobs-ad-tab { margin: 0 1px 0 0; width: 98px; } #p-index .jobs-ad-header { height: 75px; } #p-index #jobs-ad-logo { left: 15px; top: 10px; } #p-index .jobs-lst li { margin: 0; } /* @group supersquare */ .urs #ad-supersquare { float: right; margin: -0.8em 0 0 15px; } .urs .clear #ad-supersquare { float: none; margin: -0.8em 0 0 0; } /* @end */ /* @group ad-megaboard */ #ad-megaboard { clear: both; margin: 0 0 11px 0; } /* @end */ /* @end */ /* @group PAGES */ /* @group NewsletterModule */ #newsletterModule #instructions { background: url("http://i.iinfo.cz/sh/nmInfoIco.png") no-repeat scroll 8px 8px #FFFFFF; border: 1px solid #BBBBBB; color: #636363; } #newsletterModule .item, #newsletterModule #nmEmail { background: #f3f3f3; } #newsletterModule .item .check { background: #fff; border: 1px solid #c3c3c3; } #newsletterModule .item .check:hover { border: 1px solid #FF9900; } #newsletterModule .item .check.active { background: #FF9900; } #newsletterModule #newsletterOrder { border: 1px solid #BBBBBB; background: #fff; } /* @end */ /*-------------------------------------------------------------------------------------------------- PAGE / SEARCH --------------------------------------------------------------------------------------------------*/ /* Form background and border-radius */ .p-search .searchForm { border-radius: 0px; background: #dddddd; } /* Text field - border-radius*/ .p-search .searchForm .searchQuery .text { border-radius: 3px 0 0 3px; } /* Search button - border-radius */ .p-search .searchForm .searchQuery .submit { border-radius: 0 3px 3px 0; } /* Location button - border radius */ .p-search .searchLocation .location label {border-radius: 3px;} /* Buttons backgrounds */ .p-search .searchForm .searchQuery .submit, .p-search .searchLocation .location label { color: #fff; background: #706f69; background-image: -moz-linear-gradient(bottom, #6f6f69 0%, #9b9b9b 100%); background-image: -o-linear-gradient(bottom, #6f6f69 0%, #9b9b9b 100%); background-image: -webkit-linear-gradient(bottom, #6f6f69 0%, #9b9b9b 100%); background-image: linear-gradient(bottom, #6f6f69 0%, #9b9b9b 100%); } /* Input border */ .p-search .searchForm .searchQuery .submit, .p-search .searchForm .searchQuery .text, .p-search .searchLocation .location label { border-color: #3f3f3e; } #cosNominationForm form div.group div.description label { font-size: 120%; margin: 1em 0 5px 0; display: block; } #cosNominationForm form input.text { width: 50%; } #cosNominationForm div.group.required { border-top: 2px solid #b2b2b2; margin: 1em 0 0 0; } #cosVoteForm form div.group div.description label { font-size: 140%; font-weight: bold; display: block; border-top: 1px solid #b2b2b2; margin: 1em 0 0 0; padding: 1em 0 0 0; } #cosVoteForm form div.group div.control label { margin: -1.2em 0 0 26px; display: block; line-height: 1.4; } #cosVoteForm form input.text { width: 50%; } #cosVoteForm div.group.required { border-top: 2px solid #b2b2b2; margin: 1em 0 0 0; } #cosVoteForm form div.group.required div.description label.required { border-top: none; margin: 0; padding: 0; } /* @end */ /* @group JOBS */ /* @group Jobs page */ /* @group jobsEncyklopedia */ .jobsList { margin: 0 0 1em 0; } .jobsList table{ font-size: 13px; line-height: 1.4; } .jobsList td{ padding: 0 2em 0 0; } /* @end */ #jobs-page h1 { border-bottom: none !important; margin: 0; padding: 30px 0 5px 0; text-align: left; } #jobs-page h1 span{ border-bottom: none !important; text-transform: none; margin: 0; padding: 0; } #jobs-page p#jobs-info { border-bottom: 1px solid #dfdfdf; margin: 0px 0 10px 0; padding: 0 0 5px 0; position: static; float: none; } html > body #jobs-page p#jobs-info { border-bottom: 1px solid #dfdfdf; margin: 0px 0 10px 0; padding: 0 0 5px 0; position: relative; } #jobs-page p#jobs-info a.jobs-logo-link{ display: block; position: static; right: 0; bottom: 8px; float: right; margin: 0px 0 0 0; } html > body #jobs-page p#jobs-info a.jobs-logo-link{ float: none; position: absolute; right: 0; } #jobs-page h2{ font-size: 125%; margin: 1.5em 0 0.5em 0; } #jobs-page .jobs-cb{ clear: both; height: 1px; overflow: hidden; display: block; } #jobs-search { background: #efefef; border: 1px solid #dfdfdf; padding: 13px 16px 13px 16px; margin: 0 0 2em 0; } #jobs-search label{ padding: 0 10px 0 0; } #jobs-search .but-img{ position: relative; top: 3px; } #jobs-search select{ margin: 0 15px 0 0; } .jobs-offer { color: #000; font-size: 130% !important; } ul.jobs-list { margin: 0 0 2em 15px !important; padding: 0 !important; line-height: 1.5; } ul.jobs-list li{ margin: 0 !important; padding: 0 !important; list-style: square; list-style-type: disc; color: #5d5c58; } .jobs-offer-actual { color: #000; } dl.jobs-list-full { margin: 1em 0 0 0; padding: 0; line-height: 1.4; } dl.jobs-list-full dt{ position: relative; line-height: 1.5; clear: both; margin: 0em 0 0 0; } dl.jobs-list-full dt a{ float: left; display: block; width: 500px;} dl.jobs-list-full dt em{ float: right; font-weight: normal; font-style: normal; text-align: right; display: block; width: 130px; } dl.jobs-list-full dd{ margin: 0 0 3em 0; padding: 0; position: relative; clear: both; } dl.jobs-list-full div{ float: left; width: 290px; } dl.jobs-list-full .jobs-location{ float: right; width: 400px; text-align: right; } /* @end*/ /* @end */ /* @group Authors*/ #authorsModule { } #authorsModule #authorInfo img { float: right; margin: 0 0 0 30px; } #authorsModule #authorInfo p { line-height: 1.4; margin: 0 0 1em 0;} /* @end */ /* @group ManPages */ .manpages-sections{ -moz-column-count: 5; -moz-column-gap: 1em; font-size: 130%; margin: 1em 0 0 8px; } .manpages-sections li{ padding: 0 0 1em 0; } .manpages-sections li:first-letter{ text-transform: uppercase;} #ManModuleSearch { background: #DDDDDD; border: 1px solid #BBBBBB; } #ManModuleSearch label{ font-weight: bold; padding: 0 5px 0 0; } #manPagesList { -moz-column-count: 4; -moz-column-gap: 1em; margin: 1em 0 0 0; } #manPagesList li{ padding: 0 0 0.6em 0; line-height: 1.4; } #manPagesList li a{ padding: 0 6px 0 0; } #manPagesList li { color: #7f7f7f; } /* @group ManPageDetail */ #manPageDetail .content { display:block;float: right;min-width:2em;border: 1px solid #AAA8A5;margin: .5em; padding: 8px; font-size: 90%; border-top: 3px solid #AAA8A5;} #manPageDetail .content ul {} #manPageDetail .content ul li {margin: 0 0 .4em 0;} #manPageDetail .paragraph {margin: 0.4em 0 1em 2em; line-height: 1.4;} #manPageDetail h2 {background:none;border:none; font-size: 140%; color: #575652;} #manPageDetail li {list-style: none;margin:0pt 0pt .7em;} #manPageDetail .manpages-sections {-moz-column-count:5;-moz-column-gap:2em;font-size:150%;} #manPageDetail .manpages-list {-moz-column-count:4;-moz-column-gap:2em;-moz-column-width:10em;} /* @end */ /* @end */ /* @group TutorialModule */ .specials-list ul h3 { font-size: 120%; margin: 0 0 0.2em 0; } .specials-list li { margin: 0 0 1em 0; line-height: 1.3; } .specials-list ul { margin: 0 0 0 7px; } .specials-list { margin: 0 0 1em 0; } #TutorialModuleChapters { font-weight: bold; margin: 2em 0 0 0; border-top: 1px solid #bbbbbb; padding: 1em 0 0px 0; } #TutorialModuleChapters li { list-style-type: decimal; margin: 0 0 1em 2em; } #TextTree ul { margin-bottom: 1em; font-size: 1em; } #TextTree a:hover { text-decoration: none; } #TextTree ul ul { margin: 0 0 0.4em 1.3em; } #TextTree ul li{ margin: 0 0 0.5em 0em; } /* @end */ /* @group BookModule */ form#BookForm { border: 1px solid #bbbbbb; padding: 8px; margin: 0 0 1em 0; background: #DDDDDD; } #BookCat { margin: 1em 0 0 0; } #BookCat dt { font-weight: bold; font-size: 120%; margin: 0 0 0.4em 0; } #BookCat dd { margin: 0 0 1em 0; } form#BookForm { border: 1px solid #bbbbbb; padding: 8px; margin: 0 0 1em 0; background: #DDDDDD; } form#BookForm label#BFCaption { font-weight: bold; padding: 0 10px 0 0; } #BookModuleAdd label { display: block; margin: 0.8em 0 0.4em 0; } #BookModuleAdd input.text { display: block; width: 237px; font-size: 13px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } #BookModuleAdd textarea { display: block; width: 242px; height: 60px; font-size: 13px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } #BookModuleAdd input.button { margin: 1em 0 1em 0; } .BookList li { font-size: 110%; padding: 0 0 10px 0; font-weight: bold; } #BookCover { float: left; margin: 0 1em 1em 0; } #BookModuleTable { width: 50%; } /* @end */ /* @group Press releases Tiskove Zpravy */ h3.article-title { font-size: 120%; margin: 0.8em 0 0.4em 0; } /* @end */ /* @group Serials */ .SerialList { -moz-column-count: 2; -moz-column-gap: 2em; } .SerialDefault { background: #e0e0e0; padding: 8px; border-left: 8px solid #ff9900; line-height: 1.3; margin: 0 0 1em 0; } .SerialDefault a { text-decoration: none; } .SerialDefault a span { text-decoration: underline; } .SerialDefault a img { position: relative; top: 2px; } /* @end */ /* @group Terms, Slovnicek */ .terms { clear: both; } .terms dt { font-size: 120%; font-weight: bold; border-bottom: 1px solid #ff9900; padding: 0 0 3px 0; } .terms dd { margin: 0.4em 0 1em 0; line-height: 1.3; } .terms dt a { text-decoration: none; } form#slovnicek-form { text-align: center; margin: 0 0 1.6em 0; } /* @end */ /* @group Rubrics */ .rubrics { -moz-column-count: 2; -moz-column-gap: 1em; } .rubrics dt { font-weight: bold; margin: 0 0 0.2em 0; font-size: 110%; } .rubrics dd { margin: 0 0 0.8em 0; line-height: 1.3; } /* @end */ /* @group Nalepky - List */ div.labels-list-cols { -moz-column-count: auto; -moz-column-gap: 2em; -moz-column-width: 10em; } ul.labels-list { -moz-column-count: 4; -moz-column-gap: 2em; } ul.labels-list li { list-style-type: disc; padding: 0 0 2px 0; margin: 0 0 0 1.2em; line-height: 1.4; } div.labels-list-cols ul.labels-list { -moz-column-count: 6; -moz-column-gap: 2em; -moz-column-width: 10em; } /* @end */ /* @end */ /* @group COMPONENTS */ .articlesInRubric {} .articlesInRubric li { position: relative; padding: 0 0 0 56px; min-height: 50px; margin: 0 0 10px 0 !important; } .articlesInRubric .perexImg { display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 0; overflow: hidden; } .articlesInRubric .perexImg img { height: 50px; width: auto; display: block; } .articlesInRubric .date {display: block; font-size: 11px; margin: 0.3em 0 0 0;} /* @group headerPromo */ #promo-headerPromo .item img { float: left; overflow: hidden; display: block; margin: 0 6px 0 0; } #promo-headerPromo .item h3 { font-size: 13px; line-height: 1.2; padding: 0 0 0 0; width: 180px; float: left; } #promo-headerPromo .item h3 a { display: block; min-height: 44px; } #promo-headerPromo { clear: both; margin: 0 0 0 0; background: #eee url(http://ii.iinfo.cz/r/headerPromo.png) no-repeat center bottom; padding: 15px 10px 29px 10px; } strong#rubricName { display: block; font-size: 12px; margin: 0 0 5px 0; border-bottom: 1px solid #a2a2a2; padding: 0 5px 2px 0; color: #a2a2a2; } #promo-headerPromo div.item { float: left; width: 236px; margin: 0 10px 0 0; } #promo-headerPromo div.item.last { margin: 0; } /* @end */ /* @group Promo box */ /* @group Other Tips */ .promoBox { padding: 8px 8px 0; border: 1px solid #f7f3f3; margin: 0 0 1em 0; } .promoBox h2 { display: none; } ul.iconTips li a.img { float: left; display: block; width: 70px; height: 50px; position: relative; margin: 0 9px 0 0; } ul.iconTips li a.img img{ display: block; width: 70px; height: 50px; border: 1px solid #a5a5a5; } ul.iconTips li { float: left; width: 268px; margin: 0 8px 10px 0; } ul.iconTips li:nth-child(2n) { margin-right: 0; } ul.iconTips { margin: 0; padding: 0; } ul.iconTips li h3 { font-size: 13.0px; width: 188px; height: 52px; display: table-cell; vertical-align: middle; } /* @end */ /* @end */ /* @group Enquiry */ #pollBox span.link-more.border.clear { clear: both; margin-top: 5px; } #pollBox div.buttons span.answered { font-size: 12px; color: #3e3e3e; } #pollBox span.enquiry-submit { display: inline-block; width: 64px; } #pollBox span.enquiry-submit input{ width: 64px; } #pollBox .buttons a { float: right; padding: 4px 0 0 0; } #pollBox td.radio { padding: 0 5px 0 0; } #pollBox td.radio input{ margin: 0; } #pollBox td.bar img { display: none; } #pollBox p { font-size: 13px; font-weight: bold; margin: 0 0 4px 0; } #pollBox table { text-align: left; font-size: 12px; font-weight: normal; width: 100%; } #pollBox table th{ font-weight: normal; padding: 7px 0 7px 0; } #pollBox .enquiry-submit { margin: 0; } /* @end */ /* @group ShowMap */ a.showMap { padding: 3px 0px 3px 26px; background: url(http://ii.iinfo.cz/r/ico_map.png) no-repeat scroll left center; margin: 0 0 0 6px; font-size: 12px; } /* @end */ /* @group Map view */ /* @group map-search-results */ #map-search-results { background: #fbf9ee; margin: 0em 0 1em 0; padding: 0px 0 1em 12px; } #map-search-results h3 { font-size: 15px; margin: 0 0 5px -12px; background: #FCE235 url(http://ii.iinfo.cz/r/thead.png) repeat-x scroll left top; padding: 8px 0 8px 12px; border-top: 1px solid #F6EDC2; } #map-search-results ul { font-size: 13px; margin: 0; } #map-search-results ul li { padding: 4px 0; } #map-search-results ul li a { color: #2e463e; } #map-search-results ul li .distance { margin: 0 0 0 10px; } /* @end */ /* @group zoom button */ #zoom-map { background: url(http://ii.iinfo.cz/r/map-zoom.png) no-repeat left top; position: relative; height: 34px; margin: 0 0 1em 0; } #zoom-map a { display: block; width: 119px; height: 34px; font-weight: bold; line-height: 34px; font-size: 13px; padding: 0 0 0 36px; } #scrollZoom { width: 200px; font-size: 12px; text-align: right; position: absolute; top: 10px; right: 0; } /* @end */ #map-wrapper { border: 1px solid #d7d7d7; padding: 1px 0 1px 1px; } #gMap { height: 400px; } .gBubble { font-size: 13px; line-height: 1.3; } .gBubble h2 { font-size: 16px; } /* @end */ /* @group MapOverlay */ a.g-link-more { font-size: 13px; } #map-wrapper { border: 1px solid #e3dbc4; padding: 3px 2px; } #map-overlay { background-color: #fff; background-image: url(http://ii.iinfo.cz/r/bt.gif); width: 800px; display: none; padding: 8px 8px 0px 8px; height: 608px; } #map-overlay div.close { background-image: url(http://ii.iinfo.cz/r/overlayClose.png); position: absolute; right: 0px; top: -24px; cursor: pointer; height: 24px; width: 110px; } #map-overlay iframe { background: #fff; padding: 8px 8px 0 8px; } #map-wrapper { border: 1px solid #d7d7d7; padding: 1px 0 1px 1px; } #gMap { height: 400px; } /* @end */ /* @group qTip */ .qtip { line-height: 1.4; font-size: 12px; } /* @end */ /* @group lastBookPromo */ #lastBookPromo p { font-size: 96%; } #lastBookPromo h3 { margin: 0 0 0.5em 0; clear: both; } #lastBookPromo div.a-buttons { margin-top: 16px; margin-bottom: 1em; } #lastBookPromo { } /* @end */ /* @group hottestDiscussions */ #sidebar #discussionList .topic{ width: 206px; } #sidebar #discussionList span.f-info { width: 36px; } #sidebar #discussionList ul.discussionTopics li.clear { border-bottom: none; padding: 0; } #sidebar #discussionList span.all a { background: url(http://ii.iinfo.cz/r/ico-comments2.gif) no-repeat left center; } #sidebar #discussionList span.link-more { padding: 0; background: none; margin: 0; } #sidebar #discussionList span.link-more a{ padding: 0; background: none; margin: 0; } /* @end */ /* @group SimilarItems */ #similarItems { background: none; border: none; } #similarItems span.date{ border-left: 1px solid #8a8a8a; margin: 0 0 0 4px; padding: 0 0 0 6px; } #similarItems ul { margin: 0 -8px 10px -8px; } #similarItems ul li{ margin: 0 0 3px 0; } /* @end */ /* @group Archive month */ #main div.listing a.link-next { margin-left: 10px; } #main div.container.archive-month span.link-more a { margin: 0 0 0 -8px; } #main div.container.archive-month { background: none; border: none; margin: 0 0 0 4px; } #main div.container.archive-month ul{ margin: 0 0 0 -8px; padding: 0; } #main div.container.archive-month ul li{ margin: 0; padding: 5px 0 5px 0; } /* @end */ /* @group Tabs */ ul.tabs { margin: 0.5em 0 0.5em 0; padding: 0; border-bottom: 2px solid #CCCCCC; } .tabs li { margin: 0 5px 0 0; float: left; background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x; text-align: center; } .tabs li a { display: block; padding: 4px 5px; border: 1px solid #CCCCCC; border-top: 1px solid #dbdbdc; border-bottom: none; } .tabs span.corner { display: none; } .tabs li.active { } .tabs li.active strong, .tabs li.active a { display: block; padding: 4px 5px; text-decoration: none; background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 0px; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } .tabs li a:hover { text-decoration: none; background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 0px; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } .tabs li a { text-decoration: none; } /* @end */ /* @group Listing */ .listing { padding: 8px; margin: 0 0 0em 0; background: #cecdcd url(http://ii.iinfo.cz/r/linkline.png) repeat-x; border-bottom: 1px solid #c5c0c0; border-right: 1px solid #c5c0c0; border-top: 1px solid #d8d4d4; border-left: 1px solid #d8d4d4; color: #2a2a2a; } .listing strong { padding: 0 4px 0 0; } .listing.days a{ margin: 0 5px; } /* @end */ /* @group But-area */ .but-area { padding: 14px 8px; } .but-area a { text-decoration: none; background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x !important; border-bottom: 1px solid #d3cfcf; border-right: 1px solid #d3cfcf; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding: 5px; text-align: center; margin: 0 4px 4px 0; font-weight: bold; } /* @end */ /* @group Pagination */ .pagination .inner { padding: 10px 0 10px 0; color: #888888; font-size: 96%; } .ipn-rein { width: 16em; float: left; color: #000; padding: 5px 0 0 0; } .ipn-rein:first-letter { text-transform: uppercase; } .pagination a.previous { background: #fff; padding: 0px 5px; font-weight: bold; display: inline-block; line-height: 1.7; } .pagination span.previous { display: none; } .pagination a.first { background: #fff; padding: 0px 5px 0 0px; font-weight: bold; display: inline-block; line-height: 1.7; position: relative; width: 1.3em; } .pagination span.first { display: none; } .pagination a.next { background: #fff; padding: 0px 5px; font-weight: bold; display: inline-block; line-height: 1.7; } .pagination span.next { display: none; } .pagination a.last { background: #fff; padding: 0px 0px 0 5px; font-weight: bold; display: inline-block; line-height: 1.7; position: relative; width: 1.3em; } .pagination a.last .text, .pagination a.first .text{ text-indent: -500em; display: block; } .pagination a.last .ico, .pagination a.first .ico{ background: url(http://ii.iinfo.cz/r/arrows.gif); display: block; width: 7px; height: 9px; position: absolute; top: 50%; margin: -4px 0 0 0; } .pagination a.last .ico{ right: 7px; } .pagination a.first .ico{ left: 7px; background-position: right top; } .pagination a.last:hover .ico{ background-position: left -9px; } .pagination a.first:hover .ico{ background-position: right -9px; } .pagination span.last { display: none; } .pagination .number { padding: 2px 1px; margin: 0 1px 0 0; background: #fff; padding: 0px 5px; font-weight: bold; display: inline-block; line-height: 1.7; } .pagination a { text-decoration: none; background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x !important; border-bottom: 1px solid #d3cfcf; border-right: 1px solid #d3cfcf; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .pagination a:hover { text-decoration: none; background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 1px solid #b55a00; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } .pagination .number.active { text-decoration: none; background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 1px solid #b55a00; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } .ipn-123 { display: block; float: right; } /* @end */ /* @group TableForm */ div.table-form { margin: 0 0 2em 0; } div.table-form table { width: 100%; margin: 0 0 1em 0; line-height: 1.4; } div.table-form table th { text-align: left; padding: 8px 12px 8px 0; vertical-align: top; } div.table-form table th, div.table-form table td { text-align: left; padding: 8px 12px 8px 0; line-height: 1.3; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; } #frm-submita { width: 250px; } .description { font-size: 86%; margin: 0.8em 0 0.4em 0; line-height: 1.3; } .table-form table .button { float: right; margin: 10px 5px 0 5px; } div.table-form textarea { width: 100%; font-size: 120%; } div.table-form input.text { font-size: 105%; width: 100%; display: block; } div.table-form input.button { width: auto; } /* @end*/ /* @group A-button*/ .a-buttons { margin: 1em 0 1.5em 0; } .a-buttons a { text-decoration: none; background: #dedede url(http://ii.iinfo.cz/r/tab.png) repeat-x !important; border-bottom: 1px solid #d3cfcf; border-right: 1px solid #d3cfcf; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; padding: 5px; text-align: center; margin: 0 4px 4px 0; font-weight: bold; } .a-buttons a:hover { background: #cd6600 url(http://ii.iinfo.cz/r/tab-a.png) repeat-x !important; border-bottom: 1px solid #b55a00; border-right: 1px solid #cd6600; border-top: 1px solid #d06f0f; border-left: 1px solid #cd6600; color: #fff; } #sidebar .a-buttons a:hover { color: #fff; } /* @end */ /* @group Links, Prev-Next, Continue */ .links { background: #DDDDDD; border: none !important; padding: 6px 8px 4px 8px!important; } span.link-more { display: block; margin: 5px 0 6px 0; padding: 0 0 5px 0px; text-align: left; position: relative; font-weight: bold; } span.link-more.prev-next { font-weight: bold; } span.link-more a { } span.link-more a.left { background: url(http://ii.iinfo.cz/r/arrow-blue-big-left.gif) center left no-repeat; margin-left: 9px; padding: 5px 0 6px 13px; } span.link-more a.rss { background: url(http://ii.iinfo.cz/r/ico-rss.gif) center left no-repeat; font-size: 85%; padding: 2px 0 2px 17px; position: absolute; right: 9px; top: 2px; } a.link-detail, .link-next { background: url(http://ii.iinfo.cz/r/arrow-small-right.gif) right 60% no-repeat; padding-right: 8px; white-space: nowrap; font-weight: bold; } .listing.days.clear span.link-next { float: right; } .link-previous { background: url(http://ii.iinfo.cz/r/arrow-small-left.gif) left 60% no-repeat; padding-left: 8px; white-space: nowrap; font-weight: bold; } .links { margin: 10px 0 20px 0; } .links div.left { margin-top: 2px; } .links .right a, .links .right span { background-position: center left; background-repeat: no-repeat; display: block; float: left; padding: 1px 0 2px 30px; margin-left: 20px; } .links .right a.link-recommend { background-image: url(http://ii.iinfo.cz/r/doporuc.gif); } .links .left { float: left; } .links .right { float: right; } .facebookshare { float:left; margin-right:1em; } .socialshare a.icotext { position:relative; top:-3px;margin-right:1em } /* @group Prev-next*/ .prev-next { display: block; padding: 6px !important; margin: 0 0 1em 0; background: #dadada url(http://ii.iinfo.cz/r/linkline.png); border-bottom: 1px solid #c5c0c0; border-right: 1px solid #c5c0c0; border-top: 1px solid #d8d4d4; border-left: 1px solid #d8d4d4; color: #2a2a2a; position: relative; } .prev-next span { } .prev-next a { font-weight: bold; } .prev-next a.left { background: url(http://ii.iinfo.cz/r/arrow-blue-big-left.gif) center left no-repeat; padding: 0px 0px 0 13px !important; float: left; margin-left: 0 !important; } .prev-next a.right { background: url(http://ii.iinfo.cz/r/arrow-blue-big-right.gif) center right no-repeat; padding: 0px 13px 0px 0px; float: right; } /* @end */ /* @end */ /* @group Tabulka, Tables */ .tbl-simple { text-align: left; margin: 1em 0 1em 0; width: 100%; } #authorsList caption{ margin-bottom: 1em; text-align: left; } .tbl-simple tbody td, .tbl-simple tbody th { padding: 5px 0px 5px 8px; background: #fff; border-top: 1px solid #CCCCCC; line-height: 1.3; } .tbl-simple thead td, .tbl-simple thead th { background: #CCCCCC; border-bottom: 1px solid #888888; padding: 8px 0px 8px 8px; } /* @end */ /* @group Tagcloud */ .box.tagcloud { border: none !important; margin: 0 !important; padding: 0 0 1em 0 !important; text-align: justify; } .box.tagcloud a{ padding: 0 10px 0 0; line-height: 1.6;} .box.tagcloud .size1{ font-size: 90%; } .box.tagcloud .size2{ font-size: 140%; } .box.tagcloud .size3{ font-size: 170%; } .box.tagcloud .size4{ font-size: 200%; } /* @end */ /* @group RssBox */ .RssBox { padding-bottom: 10px; } .RssBox ul {padding-top: 0.4em;} .RssBox li {padding: 0.2em 0;} .RssBox .date{ display: block; } .RssBox .sign{ font-weight: bold; } #p-index #articles .RssBox { margin-bottom: 20px; } /* @end */ /* @group PromoBox */ div#promo-box { background: #f9f9f9; padding: 8px 8px 10px 8px; position: relative; margin: 2em 0 2em 0; line-height: 1.5; border-top: 2px solid #575652; } div#promo-box h3{ margin: 0 0 10px 0; line-height: 1; font-size: 110%; } div#promo-box .corner{ display: none; } div#promo-box .pb-clear{ clear: both; display: block; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; } div#promo-box .rs-img-left{ float: left; margin-right: 30px; } div#promo-box ul{ list-style-type: circle; } div#promo-box ul li{ list-style-type: disc !important; padding: 0 0 5px 0; margin:0 0 0 16px; } /* @end */ /* @end */ /* @group FORMS */ /* @group register-form */ #register-form { width: 60%; margin: 0 auto; } #register-form table { width: 100%; } #register-form table input.text { } #register-form table td, #register-form table th { padding: 4px; text-align: left; } /* @end */ /* @group Form autocomplete */ .ac_results { border: 1px solid #000; background-color: white; overflow: hidden; padding-right: 4px; text-align: left; z-index: 99999; } .ac_results ul { list-style: none; margin: 0; padding: 0 4px 0 0; width: 100%; } * html .ac_results ul { overflow-x: hidden !important; position: relative; } *+html .ac_results ul { overflow-x: hidden !important; position: relative; } .ac_results li { margin: 0px; padding: 2px 0 2px 4px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ width: 100%; font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white; } .ac_odd { background-color: #ececec; } .ac_over { background-color: #e1cdb6; } /* @end */ /* @group Lost-form */ #lost-form { padding: 8px; } #lost-form table td, #lost-form table th { padding: 4px; } /* @end */ /* @group Vyhledavani, Advanced-search */ #advanced-search { border: 1px solid #bbbbbb; margin: 0 0 2em 0; background: #dddddd; } #checkboxTool { clear: both; } #advanced-search #as-query { text-align: center; } #advanced-search #as-query #frmadvanced_search_form-qs { width: 360px; margin: 0 10px 0 0; } #advanced-search #as-where input { vertical-align: middle; } #advanced-search #as-where { margin: 1em 0 0 0; line-height: 1.8; padding: 0 0 5px 0; } #advanced-search #as-where span { display: block; float: left; width: 12em; } #advanced-search #as-where label { padding-left: 2px; } #advanced-search #as-control { border-top: 1px solid #cccccc; margin: 10px 0 0 0; padding: 8px 0 4px 0; } #advanced-search #as-control #as-dia .group label{ font-weight: bold !important; } #advanced-search #as-control #id-order .group label{ font-weight: bold !important; } #advanced-search #as-control input { vertical-align: top; } #advanced-search br { display: none; } #advanced-search #as-dia { padding: 0 20px 0 0; } em.doctype { text-decoration: none; font-variant: normal; line-height: 1.3; font-style: normal; display: block; color: #646464; position: absolute; top: 8px; left: 0; width: 7em; } em.doctype:first-letter { text-transform: uppercase; } .search-result .archive-article, .search-result .archive-book, .search-result .archive-text { position: relative; padding: 8px 0 0 0px; margin: 1em 0 2em 0; border-top: 1px solid #cccccc; } .search-result .tab { padding-left: 7.5em; } .search-result .archive-text .text { line-height: 1.4; margin: 3px 0 0 0; } .search-result .archive-article h3 { font-size: 110%; } .search-result .archive-book h3, .search-result .archive-text h3 { font-size: 110%; } .search-result .archive-text .article-info { margin: 0.8em 0 0.4em 0; font-size: 86%; color: #666666; } .search-result .archive-book { line-height: 1.3; } .ToArticle { margin: 0.5em 0 0 0; font-size: 86%; } .manpage-info { margin: 0.7em 0 0 0; } .manpage-info strong { color: #444444; } /* @end */ /* @end */ /* @group OTHERS */ /* Please insert your CSS style here */ /* chybne odkazy */ a[href*="error:"], a[href*="Warning:"] { border: 2px solid red ! important; padding: 0.5em ! important; background-color: white ! important; color: red ! important } /*@end */ /* @group URS */ .urs { font-size: 15px; line-height: 1.4; /* #ServerSpecific */ margin: 0 0 0 0px; } .urs .cb { clear: both; height: 1px; overflow: hidden; line-height: 1px; font-size: 1px; } .urs hr { display: block; height: 2px; overflow: hidden; border: none; background: #c6c6c6; margin: 0.5em 0; } .urs h4.admarker { font-size: 12px; } /* @group Font */ /* Bold text */ .urs bold { font-weight: bold; } /* Italic text */ .urs em { font-style: italic; } /* Superscrip */ .urs sup { vertical-align: super; font-size: 0.65em; } /* Subscript */ .urs sub { vertical-align: sub; font-size: 0.65em; } /* @end */ /* @group Lists */ .urs ul, .urs ol { padding: 0; display: block; margin: 0em 0 1em 2em; line-height: 1.3; } .urs ul ul, .urs ul ol, .urs ol ul, .urs ol ol { margin-top: .2em; margin-bottom: .2em; } /* 0 tab */ .urs ul li { margin-bottom: 0.4em; display: list-item; list-style-position: outside; list-style-type: disc !important; } /* 1 tab */ .urs ul li ul li{ list-style-type: circle !important; margin-left: 1em; } /* 2 tab */ .urs ul li ul li ul li{ list-style-type: square !important; margin-left: 1em; } /* Ordered list */ .urs ol li { margin-left: 0.45em; margin-bottom: 0.4em; list-style-type: decimal !important; } /* Definition list*/ .urs dl { display: block; } .urs dt { display: block; font-weight: bold; font-family: sans-serif } .urs dd { display: block; margin: .6em 0 1em 1em; line-height: 1.3; } /* @end */ /* @group Table */ /* Caption */ .urs table caption { text-align: center; font-weight: bold; font-size: 13px; margin: 0.5em 0 0.3em 0; caption-side: top; /* #ServerSpecific */ color: #334649; } .urs table { font-size: 12px; border-collapse: collapse; border-spacing: 0; width: auto; margin: 0.6em auto; border:2px solid #666; } .urs div.table { overflow: auto; width: 607px; } .urs table + p .rs-note, div.rs-img-center + span.rs-note{ display: block; text-align: center; } /* Cells */ .urs table th, .urs table td { vertical-align: top; text-align: left; padding: .5em .5em; line-height: 1.2; empty-cells: show; border: 1px solid #ddd; color: #FFF; background: #888; } /* Head cell */ .urs table th { /* #ServerSpecific */ border: 1px solid #ccc; color: #000; background: #EEE; } /* Data cell */ .urs table td { /* #ServerSpecific */ color: #000; background: #FFF; border: 1px solid #DDD; } /* @end */ /* @group Images */ /* @group Author and Description */ .rs-img-left , .rs-img-right, .rs-img-center { } .rs-img-left span.author, .rs-img-right span.author, .rs-img-center span.author{ font-size: 11px; display: block; margin: 3px 0 0 0; color: #747474; } .urs .rs-img-left p, .urs .rs-img-right p, .urs .rs-img-center p{ font-size: 12px; margin: 5px 0 0 0; border-bottom: 1px solid #cacaca; padding: 0 0 5px 0; line-height: 1.3; } .urs .rs-img-left span.author + p, .urs .rs-img-right span.author + p, .urs .rs-img-center span.author + p{ margin: 0; } /* @end */ /* @group Lightbox Icons */ a.lightbox { position: relative; } .rs-img-center a.lightbox { display: inline-block; } a.lightbox span{ position: absolute; width: 55px; height: 55px; bottom: 10px; right: 10px; display: none; background-image: url(http://ii.iinfo.cz/r/lightbox_icons.png); } a.lightbox.orig span{ background-position: -55px 0; } a.lightbox:hover span{ display: block; } /* @end */ .rs-img-left { margin: 5px 10px 10px 0; float: left; } .rs-img-right { margin: 5px 0 10px 10px; float: right; } .rs-img-center { margin: 5px auto 10px auto; display: block; text-align: center; font-size: 13px; } .rs-img-center img{ margin: 0 auto; display: block; } .urs img, .urs a img { border: none; } /* @end */ /* @group Text formatting */ /* @group Headers */ .urs h2, .urs h3, .urs h4, .urs h5, .urs h6 { margin: 0.8em 0 0.5em 0; line-height: 1.3; } /* H1 */ .urs h2 { font-size: 18px; } /* H2 */ .urs h3 { font-size: 17px; color: #111; } /* H3 */ .urs h4 { font-size: 16px; color: #222; } /* H4 */ .urs h5 { font-size: 15px; color: #444; } /* h5 */ .urs h6 { font-size: 14px; } /* @end */ /* Paragraph */ .urs p { margin: 0 0 0.8em 0; } .urs p + ul,.urs p + ol { margin-top: -0.6em;} /* Note */ .urs .rs-note { /* #ServerSpecific */ color: #777; font-size:13px; margin:0.5em 0 1em 0; display: block; } .urs p span.rs-note { margin: 0; display: inline; } /* Quotation */ .urs q { display: inline; font-style: italic; } q:before { content: "„"; padding: 0 3px 0 0; line-height: 1; } q:after { content: "“"; padding: 0 0 0 1px; line-height: 1; } /* Deleted content */ .urs del { text-decoration: line-through; } .urs ins { background-color: transparent; /* #ServerSpecific */ border: 1px solid #819142; } /* Person */ .urs .rs-person { font-variant: small-caps; } /* Code */ .urs code { display:inline; font-size: 0.8em; font-family: monospace; } /* Blockquote */ .urs blockquote { display: block; font-style: italic; margin: 1em } .urs blockquote p:before { content: "„"; font-size: 150%; padding: 0 3px 0 0; line-height: 1; } .urs blockquote p:after { content: "“"; font-size: 150%; padding: 0 0 0 1px; line-height: 0.3; position: relative; top: 2px; } /* Preformatted text */ .urs pre { clear:both; display:block; font-family:"Courier New",Courier,mono; line-height:1.4; margin:1em auto; overflow-y: auto; padding:8px; white-space:pre; width:99%; /* #ServerSpecific */ background:#FFFFFF; border: 1px solid #dddddd; font-size: 0.8em; } .urs pre code{ font-size: 1em; } /* Question */ .urs .rs-question { display: block; margin: .7em 0 .3em; font-weight: bold } /* Answer*/ .urs .rs-answer { display: block; margin: .3em 1em 1em } /* Acronym, abbr */ .urs acronym, .urs abbr { display: inline; cursor: help; border-bottom:1px dotted; } /* Cite */ .urs cite { color: #999; } .urs blockquote cite { } /* @end */ /* @group Attachments */ /* File */ .urs a.rs-file { display: inline } /* PDF */ .urs a.rs-file.file-pdf { } /* ZIP */ .urs a.rs-file.file-zip { } /* MSWORD */ .urs a.rs-file.file-msword { } /* file-octet-stream */ .urs a.rs-file.file-octet-stream { } /* @end */ /* @group Boxes */ /* @group promo-in-article */ .urs .promo-in-article { margin: 1em 0 1em 0; padding: 2em 0.5em 0 0.5em; clear: both; display: block; border: 2px solid #cc6600; background: url(http://ii.iinfo.cz/r/promo-article-tip.png) no-repeat; } /* @end */ /* @group PR notice */ .urs .pr-notice { /* #ServerSpecific */ background: #fbf9ee; padding: 8px; text-align: center; border: 1px solid #f6d14d; font-size: 13px; } /* @end */ .urs div.rs-box, .urs div.rs-tip-major, .urs div.rs-tip-minor { margin: 1em 0 1em 0; padding: 0.5em 0.5em 0em 0.5em; /* #ServerSpecific */ clear: both; display: block; } /* @group Clearing */ .urs div.rs-box:after, .urs div.rs-tip-major:after, .urs div.rs-tip-minor:after { clear: both !important; content: "." !important; display: block !important; height: 0 !important; visibility: hidden !important; } /* @end */ .urs div.rs-box h2, .urs div.rs-box h3, .urs div.rs-box h4, .urs div.rs-box h5, .urs div.rs-box h6, .urs div.rs-tip-major h2, .urs div.rs-tip-major h3, .urs div.rs-tip-major h4, .urs div.rs-tip-major h5, .urs div.rs-tip-major h6, .urs div.rs-tip-minor h2, .urs div.rs-tip-minor h3, .urs div.rs-tip-minor h4, .urs div.rs-tip-minor h5, .urs div.rs-tip-minor h6 { margin-top: 0; } /* @group rs-box */ .urs div.rs-box { /* #ServerSpecific */ color: #000; background: #DDD; } /* @end */ /* @group rs-tip-major */ .urs div.rs-tip-major { /* #ServerSpecific */ color: #000; background: #FFF; border: 1px solid #FF9900; } /* @end */ /* @group rs-tip-minor */ .urs div.rs-tip-minor { /* #ServerSpecific */ background: transparent; border: 1px solid #CCC; color: #000; } /* @end */ /* @end */ /* @group Enquiry */ .urs .enquiry { position: relative; padding: 0px 0 10px 0; margin: 1em 0 1em 0; clear: both; background: #DDDDDD; } .urs .enquiry h2 { padding: 6px 10px 3px 10px; border-bottom:2px solid #666666; margin: 0; } .urs .enquiry p { margin: 0 0px 0 0px; padding: 12px 0 12px 40px; position: relative; font-size: 14px; font-weight: bold; background: #cccccc; } .urs .enquiry p .ico { background: url(http://ii.iinfo.cz/r/ico_question.png) no-repeat; display: block; width: 24px; height: 24px; position: absolute; left: 8px; top: 9px; } .urs .enquiry table { margin: 0; width: 100%; border: none; border-spacing: 0; border-collapse: collapse; } .urs .enquiry table td, .urs .enquiry table th { background: transparent; border: none; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } .urs .enquiry table td.radio { width: 32px; vertical-align: middle; text-align: right; padding: 0; } .urs .enquiry table th.answer { padding-left: 7px; text-align: left; font-weight: normal; } .urs .enquiry table td.radio input { position: relative; left: -3px; top: -2px; } .urs .enquiry .but-area { margin: 10px 0 0 0; position: relative; padding: 0; } .urs .enquiry .but-area a { font-size: 13px; margin-left: 10px; position: absolute; right: 10px; top: 3px; background: none !important; border: none; padding: 0; margin: 0; font-weight: normal; text-decoration: underline; } .urs .enquiry span.answered { font-size: 13px; display: block; text-align: left; padding: 0 10px 5px 6px; } span.enquiry-submit { display: block; width: 84px; height: 24px; background: url(http://ii.iinfo.cz/r/opinion-odpovedet.png) center center no-repeat; margin: -6px 0 0 10px; } span.enquiry-submit input { display: block; width: 84px; height: 24px; margin: 0; padding: 0 0 1px 0; text-align: center; background: transparent; border: none; cursor: pointer; font-weight: bold; font-size: 12px; color: #cc6600; } /* @end */ /* @group Syntax highlighting */ .urs .urs-sx-deli { color: #000 } .urs .urs-sx-type { color: #A33 } .urs .urs-sx-dir-pre { color: #348 } .urs .urs-sx-exce, .urs .urs-sx-cond, .urs .urs-sx-key { color: #000 } .urs .urs-sx-var-val { color: #060 } .urs .urs-sx-var-nam { color: #348 } .urs .urs-sx-func { color: #A33 } .urs .urs-sx-come { color: #777 } /* PHP */ .php-keyword1 {color:#000; font-weight:bold;} .php-keyword2 {color:#A33; } .php-var {color:#348; } .php-num {color:red;} .php-quote {color:#060;} .php-vquote {color:#fa0;} .php-comment {color:#777; } /* JavaScript */ .js-out {color:#898993;} .js-keywords1 {color:#000; font-weight:bold;} .js-num {color:red;} .js-quote {color:#060;} .js-comment {color:#777;} /* HTML */ .html-tag {color:#598527; font-weight:bold;} .html-tagin {color:#89A315} .html-quote {color:#598527; font-weight:bold;} .html-comment {color:#999; background-color:#F1FAE4;} .html-entity {color:#89A315} /* @end */ /* @end */ /* @group SKOLENI */ span.number-range-wrapper { -moz-box-orient: vertical; border: 1px solid #ECECE1; display: inline-block; height: 24px; line-height: 24px; position: relative; vertical-align: middle; } #sidebar .container.trainingLimitedListing {border: 1px solid #575652;} .trainingLimitedListing h2.heading {border: 1px solid #575551; margin: -1px -7px 0 -8px; text-shadow: 1px 1px 0 rgba(0,0,0,.21); box-shadow: inset 0 1px 0 rgba(255,255,255,.14); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDMzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY5Njc2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(bottom, #43433f 0%, #696763 100%); background: -o-linear-gradient(bottom, #43433f 0%, #696763 100%); background: -webkit-linear-gradient(bottom, #43433f 0%, #696763 100%); background: linear-gradient(bottom, #43433f 0%, #696763 100%); } .trainingLimitedListing h2.heading a {padding: 6px 8px; display: block;} .trainingLimitedListing h2.heading a:after {display: none;} .trainingLimitedListing h2.heading a:link, .trainingLimitedListing h2.heading a:visited, .trainingLimitedListing h2.heading a {color: #fff !important;} .trainingLimitedListing {background: #fff !important;} #sidebar .trainingLimitedListing li {margin-bottom: 8px;} .trainingLimitedListing h3 {margin: 0 0 0.4em 0; color: #777; font-size: 10px; text-transform: uppercase; } .marketVoiceSidebar { margin-top: 2em; } .marketVoiceSidebar h3 { color: #C90000; margin: 1em 0; line-height: 22px; } .marketVoiceSidebar .center { text-align: center; } .marketVoiceSidebar .mvtext { width: 250px; margin: 0 auto; } .marketVoiceSidebar .mvtext p { font-size: 15px; margin-bottom: 0.8em; line-height: 1.4; } .marketVoiceSidebar .mvtext ul { margin: 1em 0 1em 1.5em; } .marketVoiceSidebar .mvtext ul li { font-size: 14px; list-style: disc; margin-bottom: 0.5em; } .marketVoiceSidebar .mrg { margin-bottom: 2em; } .mv-notice { line-height: 24px; width: 890px !important; position: absolute; border-bottom: 1px solid #ccc; color: #7f7f7f; font-size: 13px; font-weight: bold; text-align: right; padding-right: 80px !important; margin-top: -20px !important; } /*-------------------------------------------------------------------------------------------------- COMPONENT / CALENDAR --------------------------------------------------------------------------------------------------*/ .embedCalendar .item {border-bottom: 1px solid #ababab; cursor: pointer; padding: 4px 0;} .embedCalendar .item:hover {background: #e2e2e2;} .embedCalendar .item.last {border-bottom: none;} .embedCalendar .itemDate {font-size: 11px; color: #666666;} .embedCalendar .itemDescription {font-size: 12px; line-height: 1.3; overflow: hidden; border-bottom: 1px solid #ababab; margin: 0 0 10px 0; padding: 4px 0;} .embedCalendar .itemDescription a{white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE 5.5+ */} .embedCalendar .addToCal {text-decoration: none; font-size: 11px; background: #666; color: #fff !important; padding: 1px 3px; display: inline-block; margin: 4px 0 0 0;} /*-------------------------------------------------------------------------------------------------- BASICS --------------------------------------------------------------------------------------------------*/ .left {float: left;} .right {float: right;} /*-------------------------------------------------------------------------------------------------- LAYOUT --------------------------------------------------------------------------------------------------*/ body {min-width: 1010px;} .urs hr { clear: both; } /*-------------------------------------------------------------------------------------------------- COMPONENTS --------------------------------------------------------------------------------------------------*/ /* adBlockMessage */ #adblockMessage .message {position: fixed; bottom: 0; left: 0; right: 0; background: #fffd59; color: #222; font-size: 16px; padding: 1.3em 1em; z-index: 2010; box-shadow: 0 -1px 29px rgba(9,0,0,.78); font-weight: bold; text-align: center; } #adblockMessage .message a.btn {color: #222; text-decoration: none; padding: 0.6em 1em; margin-left: 1em; border: 2px solid #dad91a; background-color: #fff; } #adblockMessage .message a.close { position: absolute; right: 22px; top: 40%; } #adblockMessage .message a.btn:hover {border-color: #222; } /* TUESDAY event list */ .tbnEvents {background: #004676 url(http://i.iinfo.cz/sh/tbnEventBck.jpg) no-repeat; margin: 0 0 25px 0;} .tbnEvents, .tbnEvents a {color: #fff;} .tbnEvents .eventLink {width: 280px; display: block; margin: 0 auto;} .tbnEvents .eventImage {width: 280px; display: block; height: 280px; margin: 0 auto;} .tbnEvents h2 {padding: 30px 35px; font-size: 1.1em;} .tbnEvents h2 span {display: block; font-weight: normal; margin: 0 0 0.4em 0; font-size: 0.8em; } .tbnEvents .eventDetails {display: block; font-size: 1.1em; font-weight: bold; padding: 10px 8px; background: #3f7397; border: 1px solid #0584a4; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.19); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.19); box-shadow: inset 0 1px 0 rgba(255,255,255,.19); background-image: -moz-linear-gradient(bottom, #037899 0%, #0191af 100%); background-image: -o-linear-gradient(bottom, #037899 0%, #0191af 100%); background-image: -webkit-linear-gradient(bottom, #037899 0%, #0191af 100%); background-image: linear-gradient(bottom, #037899 0%, #0191af 100%); margin: 0 0 35px;} .tbnEvents .eventDetails .eventName{display: block;line-height:1.25;} .tbnEvents .eventDetails .date {display: block; color: #C0DCE9; font-size: 0.7em; margin-top: 0.5em; font-weight: normal;} #digizone .tbnEvents {border-radius: 5px;} /* submitByUser */ #submitByUser {font-weight: bold; line-height: 1.4; margin: 2em 0; } /* socialShare */ .socialShare {margin: 0 0 25px 0; padding: 5px 0 3px 0; } .fb_edge_widget_with_comment {min-height: auto !important; } .socialShare .fb_iframe_widget{display: block; float: left; margin: 0 1em 0 0; z-index: 1901; } .socialShare .fbWidget .fb_iframe_widget{float: none; margin: 0; height: 32px; } .socialShare .twitter-share-button { margin: 0 1em 0 0; } /* Bug in Chrome - creates overlaying iframe when widget is not initialized */ .fb-like.fb_iframe_widget iframe {width: 0; height: 0;} /* socialShare alternate version */ @font-face { font-family: 'icons_social'; src: url('/shared/font/icons_social.eot?9820787'); src: url('/shared/font/icons_social.eot?9820787#iefix') format('embedded-opentype'), url('/shared/font/icons_social.woff?9820787') format('woff'), url('/shared/font/icons_social.ttf?9820787') format('truetype'), url('/shared/font/icons_social.svg?9820787#icons_social') format('svg'); font-weight: normal; font-style: normal; } .socialShare.customButtons {} .socialShare.customButtons a {width: 24.4%; position: relative; height: 38px; line-height: 38px; float: left; white-space: nowrap; text-decoration: none; margin-right: 1.4%; border-radius: 3px; vertical-align: middle; padding: 0 2% 0 6%; font-size: 14px; display: block; color: #fff;} .socialShare.customButtons a:before {position: absolute; width: 1.2em; text-align: center; display: block; left: 10px; top: 0; font-family: 'icons_social'; font-size: 16px;} .socialShare.customButtons a:hover:after {background: rgba(255,255,255,0.2); content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .socialShare.customButtons .facebook {background-color: #2d609b;} .socialShare.customButtons .facebook:before {content: '\e802';} .socialShare.customButtons .twitter {background-color: #00c3f3;} .socialShare.customButtons .twitter:before {content: '\e801';} .socialShare.customButtons .googlePlus {background-color: #eb4026; margin-right: 0;} .socialShare.customButtons .googlePlus:before {content: '\e800';} .shareLine { display: block; } .shareLine .socialShare.customButtons { width: 75%; display: inline-block !important; } .shareLine .socialShare.customButtons a { font-size: 12px; padding: 0 1% 0 7%; margin-right: 1.2%; } .shareLine .socialShare.customButtons .googlePlus { margin-right: 0; } .shareLine .rewardAuthorWrap { display: inline-block; vertical-align: top; padding: 5px 0 3px 0; width: 22%; } .shareLine .rewardAuthorWrap .rewardAuthorBtn { color: #fff; width: 105px; position: relative; height: 38px; line-height: 38px; float: left; white-space: nowrap; text-decoration: none; border-radius: 3px; vertical-align: middle; padding: 0 0 0 35px; font-size: 12px; display: block; background-color: #009BE1; margin-right: 0; } a.report-mistake { position: relative; height: 24px; line-height: 24px; white-space: nowrap; text-decoration: none; border-radius: 3px; padding: 0 10px 0 30px; font-size: 12px; display: inline-block; color: #fff; background: #575652; float: right; margin: -6px 0 0; } a.report-mistake:after { content: url(http://i.iinfo.cz/sh/nahlasit.png); position: absolute; top: 2px; left: 10px; } a.report-mistake:hover { background: #6C6B65; } .mistake-form-content { width: 445px !important; height: 452px !important; padding: 2em 1.5em 2em 2em; } .mistake-form-content label, .mistake-form-content input[type="text"], .mistake-form-content textarea { display: block; width: 94%; text-align: left; padding: 6px 2%; margin: 0 0 13px; } .mistake-form-content label { font-size: 18px; font-weight: 600; padding: 0; margin: 0 0 9px; } .mistake-form-content input[type="text"] { font-size: 18px; border: 1px solid #D1D1D1; border-radius: 2px; } .mistake-form-content textarea { height: 130px; } .mistake-form-content input[type="submit"], .mistake-form-content input[type="button"] { width: 47%; border: 1px solid transparent; border-radius: 2px; font-size: 14px; font-weight: 600; height: 36px; float: left; background: #FD9B00; color: #fff; } .mistake-form-content input[type="submit"]:hover, .mistake-form-content input[type="button"]:hover { cursor: pointer; } .mistake-form-content input[type="button"] { float: right; margin-right: 7px; background: #575652; } /* Login */ .loginNotice {background: #fbf0bf; font-size: 14px; padding: 12px 20px;} .loginNotice a {padding: 2px 10px; text-decoration: none; color: #1d528d; border-radius: 30px; border: 1px solid #edde9c; box-shadow: inset 0 1px 0 rgba(255,255,255,.75); background-image: -moz-linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); background-image: -o-linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); background-image: -webkit-linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); background-image: linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); } .loginNotice a:hover {background: #fff;} /* Login Info */ #login #newsletterOrderLink a:before { content: ""; display: inline-block; width: 18px; height: 13px; background: url("http://ii.iinfo.cz/r/userIcons.png") no-repeat 0 0; vertical-align: middle; margin: 0 4px 0 0; } #login a.connect:before, #login .userName:before { content: ""; display: inline-block; width: 18px; height: 13px; background: url("http://ii.iinfo.cz/r/userIcons.png") no-repeat 0 -13px; vertical-align: middle; margin: 0 4px 0 0; } #login .userName {font-weight: bold; margin-left: 1em;} /*For DARK ROOT theme */ #root.darkStyle #login #newsletterOrderLink a:before { background: url("http://ii.iinfo.cz/r/d-userIcons.png") no-repeat 0 0; } #root.darkStyle #login a.connect:before { background: url("http://ii.iinfo.cz/r/d-userIcons.png") no-repeat 0 -13px; } /* mojeIDform */ #login-form #frm-form-mojeid-innerForm table th { width: auto; } #login-form #frm-form-mojeid-innerForm table{ width: 162px; margin: 0 auto; } #midNoMerge { text-align: center; } #midButton { display: inline-block; margin: 0 auto; padding: 10px; font-size: 15px; } #login-form p.note { margin: 13px; font-size: 13px; } #newMID { margin: 1em auto 0 auto; width: 280px; background: #2a2a2a url("http://i.iinfo.cz/sh/mid-header.png") no-repeat; padding: 48px 0 0 0; } #newMID p{ padding: 13px; color: #fff; } #newMID p a{ color: #fff; font-weight: bold; } #mojeIDreg { background: #FFF url("http://i.iinfo.cz/sh/mojeid_logomojeid.png") no-repeat 93% 10%; border: 1px solid #E0E1E2; width: 245px; margin: 2em auto 0; border-radius: 6px; padding: 48px 20px 20px 12px; line-height: 1.4; color: #666; font-size: 13px; } #mojeIDreg a{ color: #666; font-weight: bold; } /* Login tabs */ #loginTabs li span.ico { width: 44px; height: 36px; display: inline-block; background-image: url("http://i.iinfo.cz/sh/loginIcons.png"); vertical-align: middle; margin: 0 5px 0 0; } #loginTabs li a { } #loginTabs li#localAccount span.ico { background-position: 0 0; } #loginTabs li#openIdAccount span.ico { background-position: -44px 0; } #loginTabs li#mojeIdAccount span.ico { background-position: -88px 0; } /*-------------------------------------------------------------------------------------------------- .loginForm --------------------------------------------------------------------------------------------------*/ .loginForm {margin: 0 auto 2em; max-width: 600px;} .loginForm .tab-content {background: #ededed; color: #444; margin-bottom: 5px; border-radius: 6px; padding: 20px;} .loginForm .tab-content a {color: #01709C; padding-bottom: 1px; text-decoration: none; border-bottom: 1px solid rgba(1,112,156,0.3);} .loginForm .tab-content a:hover {color: #004864; border-bottom-color: #004864; } #loginTabs {text-align: center; font-size: 15px;} .loginTabs {margin: 0;} .loginTabs li {display: inline-block;} .loginTabs li a {display: block; color: #444; text-decoration: none; border-radius: 6px 6px 0 0; padding: 6px 15px;} .loginTabs li a:hover {text-decoration: none; background: #f2f2f2; color: #222222;} .loginTabs .active a{background: #ededed; color: #222 !important;} .loginTabs #localAccount .ico{margin-right: 10px;} .loginForm .loginNote {font-size: 14px; margin: 1em 0; padding: 0.5em; border-radius: 5px; background: #fff9c1; border: 1px solid #dcd3d3;} #loginFormCookieRequired {color: #7f7f7f; text-align: center; font-size: 11px; margin: 2em 0; } .tab-content form, .tab-content table, .tab-content tbody, .tab-content tr, .tab-content th, .tab-content td {display: block; text-align: left; line-height: 0.5;} .tab-content input.text {width: 100%; height: 34px; padding: 8px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 16px; margin: 0; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #FFF; border: 1px solid #CCC; background-image: none; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .tab-content input.text:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .tab-content label.required:after {display: none;} .tab-content th label {font-weight: normal; font-size: 15px; height: 34px; display: inline-block; line-height: 34px;} .tab-content td label {font-size: 12px;} .tab-content input.button, #challenge-response .newButton {display: inline-block; font-family: Arial, sans-serif; text-decoration: none; padding: 6px 30px; border: none; margin-bottom: 0; font-size: 15px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-image: none; box-sizing: border-box; color: #FFF; background: #0170ba; -webkit-transition-property: background; -moz-transition-property: background; -o-transition-property: background; transition-property: background; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;} .tab-content input.button:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .tab-content input.button:hover, #challenge-response .newButton:hover{color: #fff; background: #00B5E5; text-decoration: none; } .tab-contentinput.button:active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #challenge-response th {padding-top: 4px;} #challenge-response form{margin-top: -6px;} #challenge-response .loginCol {width: 48%; float: left;} #challenge-response p.lostLogin {margin: 1.6em 0 0 0; font-size: 13px; text-align: left; } #challenge-response .newUser {width: 42%; position: relative; min-height: 205px; margin-top: 32px; border-radius: 4px; background: #fafafa; padding: 24px 3% 0; float: right;} #challenge-response .newUser:before{background: url(http://i.iinfo.cz/sh/iinfobar-logo.png); display: block; content: ""; position: absolute; right: 0; top: -38px; width: 89px; height: 26px;} #challenge-response .newUser h3 {margin: 0 0 1em 0; font-weight: normal; font-size: 15px;} #challenge-response .newUser ul {margin: 1.6em 0; padding: 1em 0 0 0; border-top: 1px dotted #b3c6d3; font-size: 14px; text-align: left;} #challenge-response .newUser ul li {margin: 0 0 1em 0; list-style: none; padding: 0 0 2px 25px; background: url(http://i.iinfo.cz/sh/loginLi.png) no-repeat left 0.1em;} #challenge-response ul.error {margin-top: 38px; margin-bottom: 0; padding: 15px 15px 15px 60px;} #challenge-response ul.error li {margin: 0;} #openID table {width: 60%; margin: 0 auto;} #mojeID table {width: 162px; margin: 0 auto 1em; text-align: center;} #mojeID table td {text-align: center;} /* UserSettings */ #userProfile .privacy td small { display: block; margin-top: 1em; font-size: 13px; line-height: 1.4; } /* ROOT */ #root .loginForm {background: #FFF; padding: 10px; border-radius: 8px;} /* perex-tracking-code */ .perex-tracking-code { position: absolute; left: -6000px; } /*-------------------------------------------------------------------------------------------------- Component prodejLatestOrders --------------------------------------------------------------------------------------------------*/ .prodejLatestOrders {border: 1px solid #eceef1; margin: 2em 0 35px 0; border-radius: 5px; padding: 25px; color: #144d38; } .prodejLatestOrders {background-color: #edeff2; background-image: -moz-linear-gradient(bottom, #ebedf1 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #ebedf1 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #ebedf1 0%, #fff 100%); background-image: linear-gradient(bottom, #ebedf1 0%, #fff 100%); } .prodejLatestOrders .logo {background: url(http://i.iinfo.cz/sh/prodej/logo.png) no-repeat; margin: 0 0 20px 0; text-indent: 100%; overflow: hidden; white-space: nowrap;} .prodejLatestOrders .logo a {display: block; height: 34px;} .prodejLatestOrders .about {color: #144d38; font-weight: bold; margin: 0 0 10px 0; font-size: 14px; line-height: 1.4;} .prodejLatestOrders li {background: url(http://i.iinfo.cz/sh/prodej/user.png) no-repeat left 0px; margin: 0 0 10px 0; padding: 0 0 0 30px;} .prodejLatestOrders .product {font-weight: bold; font-size: 14px; display: block;} .prodejLatestOrders .product a {color: #33b74a; text-decoration: none;} .prodejLatestOrders .product a:hover {text-decoration: underline;} .prodejLatestOrders .date {color: #989898; font-size: 11px; margin: 0.2em 0 0 0; display: block;} .prodejLatestOrders .latestOrders {color: #989898; margin: 0.7em 0; position: relative; font-weight: normal; font-size: 11px; text-align: center; } .prodejLatestOrders .latestOrders:after {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 100%; border-top: 1px solid #eceef1;} .prodejLatestOrders .latestOrders span {background: #f8f9fa; z-index: 10; position: relative; padding: 0 0.4em;} .prodejLatestOrders .chooseYourProducts {text-align: center; padding: 16px 0 0 0;} .prodejLatestOrders .chooseYourProducts a {background: #dd4a38; display: block; padding: 0.8em 1em; font-size: 15px; border-radius: 4px; cursor: pointer; color: #fff; box-shadow: 0 2px 0 rgba(221,74,56,.29), inset 0 1px 0 rgba(255,255,255,.17); border: 1px solid #d74941; background-image: -moz-linear-gradient(bottom, #c74122 0%, #ef5511 100%); background-image: -o-linear-gradient(bottom, #c74122 0%, #ef5511 100%); background-image: -webkit-linear-gradient(bottom, #c74122 0%, #ef5511 100%); background-image: linear-gradient(bottom, #c74122 0%, #ef5511 100%); text-decoration: none;} .prodejLatestOrders .chooseYourProducts a:hover { border-color: #29b24a; text-decoration: none; color: #fff;background-image: -moz-linear-gradient(bottom, #27ab47 0%, #2ec451 100%); background-image: -o-linear-gradient(bottom, #27ab47 0%, #2ec451 100%); background-image: -webkit-linear-gradient(bottom, #27ab47 0%, #2ec451 100%); background-image: linear-gradient(bottom, #27ab47 0%, #2ec451 100%);} #vitalia .prodejLatestOrders .logo, #root .prodejLatestOrders .logo { background-size: 100%; margin: 0 0 10px; } /* Footer */ #webstats { height: 0px; overflow: hidden; line-height: 0; visibility: none; position: absolute; top: -2000px; left: -6000px; display: none; } #footer { clear: both; background: #eeeeee; margin: 0 0 0 0; text-align: left; position: relative; padding: 20px 0 0 0; line-height: 1.3; clear: both; border-top: 2px solid #e7e7e7; border-bottom: 20px solid #eeeeee; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #footer .f-clear { clear: both; height: 1px; overflow: hidden; } /* Project Info */ #projectInfo { width: 994px; margin: 38px auto 0 auto; padding: 0px 0 0 0; font-family: "Arial CE", Arial, "Lucida Grande CE", Tahoma, lucida, sans-serif; position: relative; } #footer #projectInfo strong { color: #000; } #footer #projectInfo a.logo-iinfo { margin: 0px 15px 0 0; float: left; display: block; width: 171px; height: 49px; } #footer #projectInfo a.logo-iinfo img { width: 171px; height: 49px; position: relative; display: block; } #footer #projectInfo p { margin: 0; padding: 0; font-size: 12px; position: relative; line-height: 1.3; color: #717171; } #footer #projectInfo ul { font-size: 12px; margin: 0px 0 0 0; color: #a6a7a5; padding: 0; list-style: none; display: block; position: relative; line-height: 1.3; } html > body #footer #projectInfo ul { font-size: 13px; margin: 0 0 0 0; color: #a6a7a5; padding: 0; list-style: none; display: block; } #footer #projectInfo ul li { float: left; list-style: none; margin: 0 4px 0 0; padding: 0; } #footer #projectInfo a { color: #0167ab; } #footer #projectInfo ul a { padding-right: 4px; } #footer #projectInfo .corner { display: none; } #footer #projectInfo div.text-info { float: left; } /* Wrote Otherwere */ #wroteOtherwhere { width: 994px; margin: 0 auto 30px auto; background: #fff; } /* Servers Promo */ .servers-promo { width: 994px; margin: 0 auto 40px auto; background: #ffffff; padding: 12px 0 15px 0; position: relative; border-radius: 5px; text-align: left; } .servers-promo div div.server { height: 40px; } .servers-promo .corner { background-image: url("http://ii.iinfo.cz/r/corners_server_promo.png"); } .servers-promo div.item { float: left; width: 180px; margin: 0 16px 0 0; position: relative; left: 15px; } h4#spCaption { margin: 0 0 4px 15px; font-size: 14px; } .servers-promo div a.link-img { display: block; width: 180px; height: 100px; margin: 0 0 10px 0; color: #17649b; background: #f6f6f6; overflow: hidden; position: relative; } #promo-headerPromo .link-img { position: relative; } #lupa #promo-headerPromo .link-img { margin: 0 5px 0 0; float: left; } #lupa #promo-headerPromo .item img { margin: 0; } .promo-sticker { font-size: 12px; position: absolute; top: 0; left: 0;padding: 0 5px; z-index: 0; color: #fff; line-height: 1; } .promo-sticker:before { background: #000; opacity: 0.4; content: ' '; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .promoBox.generalTips .iconTips div.MarketVoice .img:after, #promo-headerPromo div.MarketVoice .link-img:after { content: ' '; width: 100%; height: 16px; display: block; position: absolute; top: 0; left: 1px; background: url("/shared/img/marketVoice/logo_marketVoice.png") no-repeat; background-size: 100%; } #promo-headerPromo div.MarketVoice .link-img:after { left: 0; } #promo-footerPromo div.MarketVoice .promo-sticker:after { content: ' '; width: 100px; height: 20px; position: absolute; top: 0; left: 0; background: url("http://i.iinfo.cz/sh/marketVoice/logo_marketVoice.png") no-repeat; background-size: 100%; } .promoBox.generalTips .promo-sticker { top: 1px; left: 1px; } #lupa #promo-headerPromo .promo-sticker { font-size: 10px; } #digizone #promo-headerPromo div.MarketVoice strong.MarketVoice, #podnikatel #promo-headerPromo div.MarketVoice strong.MarketVoice, #vitalia #promo-headerPromo div.MarketVoice strong.MarketVoice, #lupa #promo-headerPromo div.MarketVoice strong.MarketVoice { display: none; } #mesec #promo-headerPromo .promo-sticker, #root #promo-headerPromo .promo-sticker { display: none; } #mesec #promo-headerPromo div.MarketVoice strong.MarketVoice + strong#rubricName, #root #promo-headerPromo div.MarketVoice strong.MarketVoice + strong#rubricName { display: none; } #mesec #promo-headerPromo div.MarketVoice strong.MarketVoice { display: block; font-weight: normal; font-size: 12px; margin: 0 0 5px 0; border-bottom: 1px solid #DBE0E2; padding: 0 5px 2px 0; color: #82888a; } #root #promo-headerPromo div.MarketVoice strong.MarketVoice { display: block; font-size: 12px; margin: 0 0 5px 0; border-bottom: 1px solid #a2a2a2; padding: 0 5px 2px 0; color: #a2a2a2; } .servers-promo div h3 { font-size: 14px; font-family: "Arial CE",Arial,"Lucida Grande CE",Tahoma,lucida,sans-serif; margin: 0; padding: 0; } .servers-promo div h3 a { color: #17649b; } .preview { margin: 1em 0; font-size: .9em; padding: .8em .6em; background-color: #c4e164; color: #000; text-transform: uppercase; } /* TEMPORARY MojeID promo */ #midPromo { text-align: center; margin: 20px 0; } /* Common */ /* Forms */ #frm-profile_openidForm label.required:after, #frm-newsletter_changeForm label.required:after{ content: none; } /* Products */ .productComparsion h1 span.productChartComparedText { display: block; font-size: 60%; } /* ActualityModule */ #submitByUser { margin: 2em 0 2em 0; font-weight: bold; line-height: 1.4; } /*-------------------------------------------------------------------------------------------------- NewsletterModule --------------------------------------------------------------------------------------------------*/ #newsletterModule #intro { font-size: 16px; font-weight: bold; line-height: 1.4; margin: 0 0 10px; } #newsletterModule #instructions { clear: both; font-size: 13px; line-height: 1.3; padding: 6px 6px 0 28px; margin: 20px 0 25px 0; } #newsletterModule #instructions p { margin: 0 0 1em 0; line-height: 1.4; } #newsletterModule .item, #newsletterModule #nmEmail { margin: 0 0 25px 0; padding: 10px; line-height: 1.4; border-radius: 3px; } #newsletterModule #nmEmail label.required:after{ content: " *"; } #newsletterModule .item .col1 { float: left; width: 40%; margin: 0 2% 0 0; } #newsletterModule .item .col2 { float: left; width: 58%; } #newsletterModule .item h3 { font-size: 17px; } #newsletterModule .item .slogan { font-size: 13px; line-height: 1.3; } #newsletterModule .item .slogan:first-letter { text-transform: capitalize; } #newsletterModule .item .periods { clear: both; margin: 0 0 10px 0; } #newsletterModule .item .periods h3 { font-size: 14px; margin: 0 0 5px 0; } #newsletterModule .item .check { position: relative; margin: 0; font-size: 14px; height: 28px; border-radius: 4px; } #newsletterModule .item .periods .check { width: 47.3%; float: left; margin: 0 4% 0 0; } #newsletterModule .item .check.last { margin: 0; } #newsletterModule .item .check label { display: block; height: 28px; line-height: 28px; cursor: pointer; padding: 0 0 0 9px; } #newsletterIinfo.item { margin-bottom: 16px; } #newsletterModule .item .check input { vertical-align: middle; z-index: 1000; margin: 0 6px 0 0; } #newsletterModule .externals { padding: 10px 0 0 0; clear: both; font-size: 14px; } #newsletterModule #nmEmail .text { width: 76%; } #newsletterModule #nmEmail label { font-weight: bold; margin: 0 0.5em 0 0; } #newsletterModule #newsletterOrder { padding: 10px; margin: 0 0 1em 0; } #newsletterModule #newsletterOrder h2 { margin: 0 0 1em 0; font-size: 18px; } #newsletterModule #newsletterOrder ul.messages { background: none; border: none; } #newsletterModule input#frmform-order { float: right; } #newsletterModule #newsletter-preview { width: 200px; float: right; display: block; margin: 0 0 1em 10px; font-size: 13px; } /* MSGs */ .highlight { background: #FBF9EE url(http://ii.iinfo.cz/r/ico-highlight.png) no-repeat 8px 8px; border: 1px solid #f6d14d; border-top-width: 3px; font-size: 13px; margin-top: 20px; padding: 6px 6px 6px 28px; line-height: 1.3; clear: both; } .info {line-height: 1.4;} .msg, ul.error, ul.messages li.info,.error { background-repeat: no-repeat; border-width: 1px; background-position: 8px 8px; border-style: solid; border-radius: 4px 4px 4px 4px; clear: both; display: block; margin: 0 0 26px 0; padding: 15px 15px 15px 60px; font-size: 15px; color: #2B2B2B; min-height: 21px; line-height: 1.4; } .msg p { line-height: 1.4; } .msg p + p { margin-top: 1.4em; } .msg h3,.msg h4,.msg h5 { margin: 0 0 0.5em 0;} ul.error { padding: 20px 20px 20px 76px; } ul.error li{ margin: 0 0 1em 0; } .msg.info, ul.messages li.info { border-color: #daeaf0; background-color: #ebf3f6; background-image: url(http://i.iinfo.cz/sh/msg-info.png); } .msg.success { border-color: #D0F1A6; background-color: #E5F8CE; background-image: url(http://i.iinfo.cz/sh/msg-ok.png); } .msg.error, ul.error, div.error, .paymentRequest ul.messages > li.error { background-color: #FAD0D0; border-color: #F6ABAB; background-image: url(http://i.iinfo.cz/sh/msg-error.png); } .msg.warning { background-color: #fefae8; border-color: #eadea2; background-image: url(http://i.iinfo.cz/sh/msg-warning.png); } p.notice, .notice { font-size: 12px; margin: 1em 0; padding: 0.5em 0 0.5em 20px; background-repeat: no-repeat; background-position: 0 center; background-size: 16px; height: 16px; line-height: 16px; } .notice.info { background-image: url(http://i.iinfo.cz/sh/msg-info.png); } .notice.success { background-image: url(http://i.iinfo.cz/sh/msg-ok.png); } .notice.error { background-image: url(http://i.iinfo.cz/sh/msg-error.png); } .notice.warning { background-image: url(http://i.iinfo.cz/sh/msg-warning.png); } .instructions { border-top: 3px solid #e7e7e7; font-size: 16px; margin-top: 20px; padding: 6px 0 0 0; line-height: 1.3; clear: both; color: #222222; } .errorlist ul { color: #e50000; font-size: 14px; border: 1px solid #e50000; border-left-width: 6px; padding: 8px; margin: 0 0 0 0; border-top: none; } .errorlist h2 { color: #e50000; font-size: 14px; border: 1px solid #e50000; border-left-width: 6px; padding: 8px 8px 0 8px; margin: 1em 0 0 0; border-bottom: none; } .note { background: #fff url(http://ii.iinfo.cz/r/ico-highlight.png) no-repeat 0px 2px; font-size: 13px; margin-top: 20px; padding: 0 0 0 20px; line-height: 1.3; clear: both; color: #000; } .p-login ul.messages { border: none; padding: 0; } /* qTip */ .qtip { line-height: 1.4; font-size: 12px; } /* MSGs */ .p-calc .bottomDescription .rs-box, .p-form .bottomDescription .rs-box { background: #fff url(http://ii.iinfo.cz/r/ico-info.png) no-repeat 8px 8px; border: 1px solid #e7e7e7; font-size: 13px; padding: 6px 6px 6px 28px; line-height: 1.3; clear: both; color: #636363; border-radius: 4px; margin: 20px 0 20px 0; } .p-calc .bottomDescription .rs-box p, .p-form .bottomDescription .rs-box p { font-size: 13px; line-height: 1.3; } /* Serials */ .SerialDefault a { text-decoration: none; } .SerialDefault a img { position: relative; top: 2px; } .serial h2 a.rss_serial { float: right; margin-right: 0.4em; text-decoration: none; } .serial h2 a.rss_serial span { font-weight:normal; font-size: 14px; } .serial h2 a.rss_serial img { position: relative; top: 2px; } /*-------------------------------------------------------------------------------------------------- Component ColorBox --------------------------------------------------------------------------------------------------*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index: 10000000; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#274a3f;} #cboxContent{background:#fff; border-radius: 6px; box-shadow: 0 2px 18px rgba(0,0,0,.44); overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(http://i.iinfo.cz/sh/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(http://i.iinfo.cz/sh/colorbox/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #wb-overlay {width: 700px; padding: 20px;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://i.iinfo.cz/sh/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;} /*-------------------------------------------------------------------------------------------------- SEZNAM SEARCH --------------------------------------------------------------------------------------------------*/ .p-search .searchResult {margin: 0; padding: 0;} .p-search .searchResult li {position: relative; list-style: none; margin-bottom: 35px; font-size: 14px; min-height: 80px; padding: 0 0 0 110px;} .p-search .searchResult li img {position: absolute; display: block; border: 1px solid #CCCAE3; left: 0; top: 0.15em;} .p-search .searchResult li h3 {font-size: 16px; margin: 0; } .p-search .searchResult li .description {line-height: 1.4; margin: 0;} .p-search .searchResult li .url {font-size: 12px; margin-top: 0.4em;} .p-search .searchResult li .url a {color: #646464; text-decoration: none;} .p-search .searchResult li .rssDate {font-size: 12px; color: #646464; margin-top: 5px;} .p-search .searchList {width: 60%; padding-top: 1em; float: left;} .p-search .searchAds {float: right; padding-top: 1em; width: 37%;} .p-search .searchForm {margin: 0 0 20px 0; padding: 1% 0 1% 1%;} .p-search .searchForm .searchQuery .text{height: 53px; width: 46%; border-width: 1px; border-style: solid; padding: 0 0 0 6%; background: #fff url(http://i.iinfo.cz/sh/ico_search.png) 10px center no-repeat; font-size: 19px; float: left; margin-right: 0;} .p-search .searchForm .searchQuery .submit {height: 55px; cursor: pointer; width: 29.5%; margin: 0; font-size: 19px; padding: 0; font-weight: bold; } .p-search .searchForm .searchQuery .submit, .p-search .searchLocation .location label {border-width: 1px; border-style: solid; } .p-search .searchLocation {margin: 10px 0 0 0; font-size: 14px;} .p-search .searchLocation .location {position: relative;} .p-search .searchLocation .location label { cursor: pointer; display: inline-block; height: 2em; line-height: 2em; padding: 0 0.5em 0 2em;} .p-search .searchLocation .location input {position: absolute; cursor: pointer; left: 1em; top: 0.10em; margin: 0;} .p-search .searchForm .searchQuery .logo {display: inline-block; position: relative; top: -3px; vertical-align: middle; margin-left: 28px; width: 112px; height: 24px; background: url(http://i.iinfo.cz/sh/searchLogo.png); } #root.darkStyle.p-search .searchForm .searchQuery .logo {background: url(http://i.iinfo.cz/sh/dSearchLogo.png);} /*-------------------------------------------------------------------------------------------------- ARTICLE --------------------------------------------------------------------------------------------------*/ /* Labels */ .tags-rubrics {margin: 15px 0;} .tags-rubrics * {font-size: 12px; color: #606060;} .tags-rubrics h3{display: inline; font-weight: normal;} .tags-rubrics ul, .tags-rubrics li {display: inline; margin: 0; padding: 0;} .tags-rubrics ul a {background: #f2f2f2; text-decoration: none; display: inline-block; color: #606060; margin-bottom: 6px; border-radius: 50px; padding: 0.15em 0.5em;} .tags-rubrics ul a:hover {text-decoration: none; background: #d1d1d1;} /*-------------------------------------------------------------------------------------------------- MEDIA QUERIES --------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 994px) { .servers-promo, #siux {display: none;} #projectInfo {width: auto; margin: 0; padding: 0 15px;} #footer #projectInfo a.logo-iinfo {margin-bottom: 10px; zoom: 0.5;} } /* / media query */ @media only screen and (max-width:400px) { #footer #projectInfo ul {display: none !important;} html > body #footer #projectInfo ul {display: none;} } /* / media query */ /*-------------------------------------------------------------------------------------------------- MAPS --------------------------------------------------------------------------------------------------*/ .gm-style { font-family: Arial, Helvetica, Geneva, sans-serif; } .toBusinessSubject {margin-bottom: 25px;} /*-------------------------------------------------------------------------------------------------- TEXTS --------------------------------------------------------------------------------------------------*/ .article-info .pr-notice {margin-left: 0.4em;} .articles .update { margin: 1em 0; } .p-text #main .update { margin: -1em 0 1em 0; } .articles .update, .p-text #main .update { color: #9c9c9c; font-weight: normal; font-size: 13px; } /*-------------------------------------------------------------------------------------------------- .articleListBox --------------------------------------------------------------------------------------------------*/ .articleListBox {} .articleListBox .article {position: relative; border-top-width: 1px; border-top-style: solid; margin: 0 0 1em 0; padding: 1em 0 0 0;} .articleListBox h2 {font-size: 16px; font-weight: bold; line-height: 1.4; margin: 0 0 0.4em 0;} .articleListBox h2 a {text-decoration: none; display: block;} .articleListBox .listPerexImage {position: absolute; border-width: 1px; border-style: solid; border-color: #E9E6E6; left: 0; top: 1.25em;} .articleListBox .listPerexImage img {display: block; width: 100%; height: auto;} .articleListBox .listInfo {font-size: 12px; } .articleListBox .listInfo .comments {display: none;} .articleListBox .listInfo .date {padding-right: 0.5em; margin-right: 0.2em;} .articleListBox .comments {position: static; margin: 0.5em 0 0 0; } /*-------------------------------------------------------------------------------------------------- .relatedTexts --------------------------------------------------------------------------------------------------*/ .relatedTexts {font-size: 16px; margin: 0 0 25px 0;} .relatedTexts h3 {text-align: center; text-transform: lowercase; font-weight: normal; font-size: 13px; margin: 0 0 1em 0; position: relative;} .relatedTexts h3:after {content: ''; display: block; height: 1px; width: 100%; position: absolute; left: 0; top: 50%;} .relatedTexts h3 span {background-color: #fff; z-index: 1000; position: relative; padding: 0 1em;} .relatedTexts .item {border: 1px solid #f4f4f4; position: relative; overflow: hidden; margin: 0 0 15px 0;} .relatedTexts .item a {display: block; position: relative; text-decoration: none;} .relatedTexts .item a:after {content: "\25b6"; display: inline-block; width: 1em; height: 1em; line-height: 1em; position: absolute; top: 50%; right: 1%; font-size: 10px; margin-top: -0.5em; } .relatedTexts .perexImage {display: inline-block; vertical-align: middle; overflow: hidden;} .relatedTexts .perexImage {margin: -1px;} /* no border for image */ .relatedTexts .perexImage img {display: block; width: 100%; height: auto;} .relatedTexts .item .title {padding: 0.5em 0; margin: 0 4% 0 2%; line-height: 1.3; font-weight: bold; display: inline-block; vertical-align: middle;} /* popUp version */ .relatedTexts.popUp { background: #fff; margin: 0; position: fixed; z-index: 10100; right: 0; bottom: 0; width: 600px; padding: 10px; border: 2px solid #dedede; border-width: 2px 0 0 2px; border-radius: 8px 0 0 0; box-shadow: 0 0 27px rgba(9,0,0,.2); -webkit-transition: right 0.250s ease-in-out; -moz-transition: right 0.250s ease-in-out; -o-transition: right 0.250s ease-in-out; transition: right 0.250s ease-in-out; } .relatedTexts.popUp.hidden {right: -640px; } .relatedTexts.popUp h3 {text-align: left; text-transform: none; font-weight: bold; font-size: 15px; margin: 0 0 0.6em 0; position: relative;} .relatedTexts.popUp h3 span {padding: 0; background: transparent;} .relatedTexts.popUp h3:after {display: none;} .relatedTexts.popUp .item {border-width: 1px 0 0 0; margin: 0;} .relatedTexts.popUp .close { display: block; position: absolute; top: -13px; right: 8px; height: 26px; line-height: 26px; background: #ef0000; padding: 0 1em; border-radius: 20px; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; cursor: pointer; } .relatedTexts.popUp .close:hover { background: #000; } .relatedTexts.popUp .close:after { content: '\00d7'; font-size: 24px; vertical-align: middle; line-height: 10px; margin: 0 0 0 0.2em; font-weight: normal; } /* svg */ .svg.icon_gplus, .svg.icon_twitter { width: 20px; height: 20px; margin-right: 1px; fill: currentColor; } div.svg { float: left; margin: -3px 3px 3px 0; } .svg a, .svg a:hover { text-decoration: none; } #quickConverter strong { display: block; font-size: 15px; font-weight: bold; margin: 0 0 0.4em; } #quickConverter input[type="text"] { border: 1px solid #DCE1E3; font-size: 25px; padding: 5px 10px; width: 250px; color: #263C3F; margin: 0 -5px 0 0; height: 29px; } #quickConverter select { width: 85px; height: 41px; } #quickConverter .dd { vertical-align: top; height: 41px; width: 84px; position: relative; } #quickConverter .dd .ddTitle { height: 33px; border-color: #DCE1E3; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e6e8e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e8e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e8e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e8e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e8e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e8e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e8e9',GradientType=0 ); /* IE6-9 */ } #quickConverter .dd .ddTitle span.arrow { display: none; } #quickConverter .dd .ddTitle span.ddTitleText .ddlabel { line-height: 34px; font-size: 17px; font-weight: bold; vertical-align: middle; } #quickConverter .dd .ddTitle span.ddTitleText img {padding: 0 4px; vertical-align: middle; line-height: 41px; } #quickConverter input[type="submit"] { vertical-align: top; height: 41px; border: 0; font-size: 15px; font-weight: bold; color: #fff; padding: 0 10px; border-radius: 2px; margin: 0 0 0 6px; background: #164739; /* Old browsers */ background: -moz-linear-gradient(top, #164739 0%, #1f3f36 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#164739), color-stop(100%,#1f3f36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #164739 0%,#1f3f36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #164739 0%,#1f3f36 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #164739 0%,#1f3f36 100%); /* IE10+ */ background: linear-gradient(to bottom, #164739 0%,#1f3f36 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#164739', endColorstr='#1f3f36',GradientType=0 ); /* IE6-9 */ } #podnikatel #quickConverter input[type="submit"] { background: #004467; } #quickConverter input[type="submit"]:hover { cursor: pointer; } #quickConverter p { color: #263C3F; margin: 1em 0; } #quickConverter img.arrow { position: relative; top: 1px; margin: 0 3px; } #quickConverter .ddChild .ddTitleText { position: relative; top: 1px; } #quickConverter .ddChild ul li { width: 83px; } #quickConverter .ddChild ul li:hover { cursor: pointer; background: #66CCFF; } #quickConverter .ddChild li .ddlabel { vertical-align: middle; line-height: 1; padding: 0 4px; } #quickConverter .ddChild li img { padding: 2px 0; vertical-align: middle; } .converterTable { color: #636a6d; font-size: 13px; width: 100%; } .converterTable th { text-align: left; padding: 0; font-weight: bold; border: 0 !important; } .converterTable td { border: 0 !important; } .converterTable tr { border-top: 1px solid #EDEFF0; } .converterTable thead tr { border-top: 0; } .converterTable thead th { color: #000; } .converterTable th, .converterTable td{ padding: 10px; max-width: 180px; } /*-------------------------------------------------------------------------------------------------- MarketVoice --------------------------------------------------------------------------------------------------*/ .marketVoiceArticle .pr-notice { color: #003c7a; margin-left: 1em; position:relative; font-size: 14px; } .marketVoiceArticle .pr-notice:after { width: 100px; height: 16px; position: absolute; top: 0; left: 0; content: url("http://i.iinfo.cz/sh/marketVoice/logo_marketVoice.png"); background-size: 100%; } .marketVoiceArticle .pr-notice a { position: relative; left: 25px; font-size: 0.8em; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; /*margin-left: 20px;*/ } .marketVoiceSidebar { padding-top: 25px; } .marketVoiceArticle .explainLayer { background: #fff; display: block; margin-top: 1em; padding: 1em; border: 1px solid #ccc; font-size: 16px; line-height: 1.4; } .marketVoiceArticle .explainLayer.hidden { display: none; } .marketVoiceArticle .explainLayer .btn { display: inline-block; border-radius: 3px; margin-top: 0.7em; font-size: 0.8em; background: #0473bd; color: #fff; padding: 0.3em 0.8em;} .marketVoiceSidebar .urs { color: #777; } .mv-notice { line-height: 24px; width: 874px; position: absolute; border-bottom: 1px solid #ccc; color: #7f7f7f; font-size: 13px; font-weight: bold; text-align: right; padding-right: 120px; margin-top: -10px; } .loadingButton { display: none; position: fixed; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .75) url("http://i.iinfo.cz/sh/loading.gif") 50% 50% no-repeat; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading { overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading .loadingButton { display: block; } /*-------------------------------------------------------------------------------------------------- .relatedTexts --------------------------------------------------------------------------------------------------*/ .relatedTexts h3 {color: #c6c6c6;} .relatedTexts h3 span {background-color: #eeeeee;} .relatedTexts h3:after {background-color: #d7d7d7;} .relatedTexts .item {border-color: #d7d7d7;} .relatedTexts .item a {} .relatedTexts .item a:hover {background-color: #fefefe; } .relatedTexts .perexImage {width: 10%; max-height: 90px;} .relatedTexts .perexImage {margin: -1px;} .relatedTexts .item .title {width: 84%; /* + 6% margin */} /*-------------------------------------------------------------------------------------------------- .relatedTexts --------------------------------------------------------------------------------------------------*/ .darkStyle .relatedTexts h3 {color: #828282;} .darkStyle .relatedTexts h3 span {background-color: #333333;} .darkStyle .relatedTexts h3:after {background-color: #555;} .darkStyle .relatedTexts .item {border-color: #555;} .darkStyle .relatedTexts .item a:hover {background-color: #000; } /* pop up version for darkStyle */ .darkStyle .relatedTexts.popUp h3 {color: #fff;} .darkStyle .relatedTexts.popUp {background: #333; border-color: #555; } .darkStyle .relatedTexts.popUp .close:hover {background: #fff; color: #000; } /*-------------------------------------------------------------------------------------------------- GLOBAL ADS --------------------------------------------------------------------------------------------------*/ .skyscraper-sticky .admarker, .adLeaderboard .admarker, .adp-leaderboard .admarker { height: 24px; display: block; line-height: 24px; margin: 0; } /* Centering banners in header */ .ad-skyscraper-sticky-holder .ad { margin: 0 auto; } /*-------------------------------------------------------------------------------------------------- STICKY SKYSCRAPER / LEFT / RIGHT --------------------------------------------------------------------------------------------------*/ /* CENTER HOLDER */ .ad-skyscraper-sticky-holder { width: 994px; margin: 0 auto; position:relative; } /* POSITION HOLDER */ body.adp-sticky-skyscraper-vlevo .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-left, body.adp-sticky-skyscraper-vpravo .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-right, body.adp-sticky-ramecek .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-left, body.adp-sticky-ramecek .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-right { position: absolute; top: 0; width: 120px; } /* LEFT POSITION HOLDER */ body.adp-sticky-skyscraper-vlevo .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-left, body.adp-sticky-ramecek .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-left { left: -126px; } /* RIGHT POSITION HOLDER */ body.adp-sticky-skyscraper-vpravo .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-right, body.adp-sticky-ramecek .ad-skyscraper-sticky-holder .ad-skyscraper-sticky-right { left: 1000px; } /* FIXED HOLDER */ body .ad-skyscraper-sticky-holder .skyscraper-sticky { position:fixed; z-index: 1000; text-align: center; width: 120px; } /* ADMARKER */ body.adp-sticky-ramecek-lead-yes .skyscraper-sticky h4.admarker{ visibility: hidden; } /* WHITE BACKGROUND FOR TRANSPARENT FLASH */ .skyscraper-sticky object, .skyscraper-sticky embed { background: #fff; display: block; margin: 0 auto; } /* PAGE LEFT SPACE */ body.adp-sticky-skyscraper-vlevo, body.adp-sticky-ramecek { padding-left: 126px; } /* PAGE RIGHT SPACE */ body.adp-sticky-skyscraper-vpravo, body.adp-sticky-ramecek { padding-right: 126px; } /* LEFT BODY PADDING OVERRIDE */ body.adp-sticky-skyscraper-vlevo .iinfoBar, body.adp-sticky-ramecek .iinfoBar, body.adp-sticky-skyscraper-vlevo #footer, body.adp-sticky-ramecek #footer, body.adp-sticky-skyscraper-vlevo #lowerbox, body.adp-sticky-ramecek #lowerbox, body.adp-sticky-ramecek #bckTopHolder, body.adp-sticky-ramecek #bckMiddleHolder, body.adp-sticky-ramecek #bckBottomHolder, body.adp-sticky-skyscraper-vlevo #bckTopHolder, body.adp-sticky-skyscraper-vlevo.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body.adp-sticky-skyscraper-vlevo.adp-sticky-skyscraper-vpravo #bckBottomHolder, body#topdrive.adp-sticky-skyscraper-vlevo #bckMiddleHolder, body#digizone.adp-sticky-skyscraper-vlevo #bckMiddleHolder, body#podnikatel.adp-sticky-skyscraper-vlevo #bckMiddleHolder { margin-left: -126px; } /* RIGHT BODY PADDING OVERRIDE */ body.adp-sticky-skyscraper-vpravo .iinfoBar, body.adp-sticky-ramecek .iinfoBar, body.adp-sticky-skyscraper-vpravo #footer, body.adp-sticky-ramecek #footer, body.adp-sticky-skyscraper-vpravo #lowerbox, body.adp-sticky-ramecek #lowerbox, body.adp-sticky-ramecek #bckTopHolder, body.adp-sticky-ramecek #bckMiddleHolder, body.adp-sticky-ramecek #bckBottomHolder, body.adp-sticky-skyscraper-vpravo #bckTopHolder, body.adp-sticky-skyscraper-vlevo.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body.adp-sticky-skyscraper-vlevo.adp-sticky-skyscraper-vpravo #bckBottomHolder, body#topdrive.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body#digizone.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body#podnikatel.adp-sticky-skyscraper-vpravo #bckMiddleHolder { margin-right: -126px; } /* SHIFTING CONTENT TO THE MIDDLE */ body.adp-sticky-skyscraper-vlevo #footer, body.adp-sticky-ramecek #footer, body.adp-sticky-skyscraper-vlevo #lowerbox, body.adp-sticky-ramecek #lowerbox, body#topdrive.adp-sticky-skyscraper-vlevo #bckMiddleHolder, body#digizone.adp-sticky-skyscraper-vlevo #bckMiddleHolder, body#podnikatel.adp-sticky-skyscraper-vlevo #bckMiddleHolder, body.adp-sticky-skyscraper-vlevo #bckTopHolder { padding-left: 126px; } body.adp-sticky-skyscraper-vpravo #footer, body.adp-sticky-ramecek #footer, body.adp-sticky-skyscraper-vpravo #lowerbox, body.adp-sticky-ramecek #lowerbox, body#topdrive.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body#digizone.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body#podnikatel.adp-sticky-skyscraper-vpravo #bckMiddleHolder, body.adp-sticky-skyscraper-vpravo #bckTopHolder { padding-right: 126px; } /*-------------------------------------------------------------------------------------------------- LEADERBOARD STATIC BACKGROUNG --------------------------------------------------------------------------------------------------*/ /* All page content is narrowed and centered. Margins and paddings cancelled */ body.adp-static-background #bckTopHolder, body.adp-static-background #pagewrap, body.adp-static-background #bckMiddleHolder {width: 1002px; margin-left: auto; margin-right: auto; background-color: #fff;} body.adp-static-background #bckTopHolder {padding-top: 10px; margin-top: -4px; } body.adp-static-background #pagewrap {border-radius: 0 0 6px 6px; margin-bottom: 20px;} body.adp-static-background #ad-leaderboard-video {margin: 0;} body.adp-static-background .adLeaderboard .admarker {position: relative; height: 23px; line-height: 23px; width: 1246px; left: -120px; border-bottom: 1px solid #bbb } body.adp-static-background #bckMiddleHolder {margin-bottom: 20px;} body.adp-sticky-ramecek.adp-static-background { min-width: 1002px; } /*-------------------------------------------------------------------------------------------------- LEADERBOARD FIXED --------------------------------------------------------------------------------------------------*/ /* Shifted 6 px left and right because the holder is 994px wide */ /* Not in use body.adp-sticky-ramecek.adp-sticky-ramecek-lead-yes .adLeaderboard {width: 1006px; margin: 0 -6px; height: 134px; } body.adp-sticky-ramecek.adp-sticky-ramecek-lead-yes .adLeaderboard .ad{position:fixed; z-index: 1000; width: 1006px; } */ /*-------------------------------------------------------------------------------------------------- LEADERBOARD --------------------------------------------------------------------------------------------------*/ /* Shifted 6 px left and right because the holder is 994px wide */ body .adLeaderboard { text-align: center } /* needed for bug in IE when external ad code inserts banner after element instead of inside */ body.adp-sticky-ramecek.adp-sticky-ramecek-lead-yes .adLeaderboard {width: 1006px; position: relative; margin: 0 -6px; } body.adp-sticky-ramecek.adp-sticky-ramecek-lead-yes .adLeaderboard .ad{ z-index: 1000; width: 1006px; } /*-------------------------------------------------------------------------------------------------- SKLIK (nové JS API) --------------------------------------------------------------------------------------------------*/ .sklik-ads {line-height: 1.2;} .sklik-ads .ads-by-sklik {display: block; text-align: right; margin: 0 0 10px 0;font-size:12px} .sklik-ads .ads-by-sklik a {color:#666} .sklik-ads .sklik-ad {position: relative; margin: 0 0 12px 0; min-height: 77px; padding: 0 0 0 110px;} .sklik-ads .sklik-ad img {display: block; border-radius: 3px; overflow: hidden;} .sklik-ads .sklik-ad img {border: 1px solid #CCCAE3; display: block; position: absolute; left: 0; top: 0;} .sklik-ads .sklik-ad .sklik-title {font-size: 18px; font-weight:bold;display: block; margin: 2px 0;} .sklik-ads .sklik-ad .sklik-title a {color:black;text-decoration:underline;} .sklik-ads .sklik-ad .sklik-descr1, .sklik-ads .sklik-ad .sklik-descr2 {font-size: 14px; } .sklik-ads .sklik-ad .sklik-url {font-size:14px;display: block; margin-top: 0px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE 5.5+ */} .sklik-ads .sklik-mark {text-align:right;font-size:.8em;color:#999} .sklik-ads#as-sidebar, .sklik-ads#as-clanky {margin: 30px 0;} .sklik-ads#as-nazory, .sklik-box.as-nazory, .sklik-box#as-nazory {clear: both; padding-top: 16px;} /* Smaller screenshots */ #as-clanek-in .sklik-ad-screenshot {width: 50px; padding: 0; height: auto;} #as-clanek-in .sklik-ad {padding-left: 60px;} /* Actuality bottom ads */ .p-actuality.adp-square-banner .bottomAds #ad-supersquare {float: left; width: 300px;} .p-actuality.adp-square-banner .bottomAds .sklik-ads {float: right; width: 300px;} #root.p-actuality.adp-square-banner .bottomAds .sklik-ads {width: 370px;} .p-actuality .bottomAds {clear: both; margin-bottom: 36px;} #root.p-actuality .bottomAds h4.admarker {font-size: 12px; text-decoration: none; display: block; margin: 0 0 12px 0; color: #777;} /* Mesec in text */ #inlineContent .sklik-ads .sklik-ad {padding-left: 0;} /* search */ .searchAds img {float:left;padding-right:10px} .searchAds .sklik-ad {clear:both;margin-bottom:60px} .searchAds .ads-by-sklik {font-size:80%;display:block;text-align:right} #as-sidebar .sklik-ads .sklik-descr1 { display: block; } /* Sklik pod článek */ #as-clanky .sklik-ads .sklik-ad {padding:20px 0 0 0} #as-clanky .sklik-ads .sklik-ad, #as-clanky .sklik-ads .sklik-ad h2, #as-clanky .sklik-ads .sklik-ad a {font-size:22px;font-weight:bold;color:#035b89;line-height:1.3} #as-clanky .sklik-ads .sklik-ad a {text-decoration:none} #as-clanky .sklik-ads .sklik-ad h2 {display:inline} #as-clanky .sklik-ads .sklik-ad h2:after {content: " - ";} #as-clanky .sklik-ads .sklik-ad .sklik-descr1, #as-clanky .sklik-ads .sklik-ad .sklik-descr2 {font-size:22px} #as-clanky .sklik-ads .sklik-url {display:none} /*-------------------------------------------------------------------------------------------------- VIDEO RECTANGLE --------------------------------------------------------------------------------------------------*/ #ad-supersquare-video .admarker { display: none } body.adp-rectangle-video-480x300 #ad-supersquare-video .admarker { display: block } body.adp-square-banner-video #ad-supersquare-video .admarker { display: block } body.adp-superctverec-video #ad-supersquare-video .admarker { display: block } /*-------------------------------------------------------------------------------------------------- INTERSTITIAL --------------------------------------------------------------------------------------------------*/ /* defaultní stav, když není reklamou nastavena třída .adp-interstitial */ #interstitial { display: none } /* zobrazení interstitialu, když má být zobrazen */ .adp-interstitial #interstitial {display: block !important; width: 100%; text-align: center; left: 0; top: 60px; position: absolute;} .adp-interstitial #interstitial .ad {display: inline-block;} .adp-interstitial {height: 100%; position: relative; overflow: hidden;} /* schování všeho, co nemá být zobrazeno současně s interstitialem */ .adp-interstitial .ad-skyscraper-sticky-holder .ad {position: absolute; top: -1000px;} .adp-interstitial #bckTopHolder, .adp-interstitial #bckMiddleHolder, .adp-interstitial #bckBottomHolder, .adp-interstitial #pagewrap, .adp-interstitial #page, .adp-interstitial .page, .adp-interstitial #footer, .adp-interstitial .footer, .adp-interstitial .ad-skyscraper-sticky-holder, .adp-interstitial .lowerbox, .adp-interstitial #lowerbox { visibility: hidden !important } /*-------------------------------------------------------------------------------------------------- ILAYER --------------------------------------------------------------------------------------------------*/ .ad { position: relative; z-index: 1900;} .ad .layer { position: absolute; top: 0; right: 0;} /*-------------------------------------------------------------------------------------------------- STATIC POSITIONS --------------------------------------------------------------------------------------------------*/ #ad-megaboard {text-align: center; width: 750px; margin: 20px auto;} .adp-big-rectangle #ad-megaboard { width: inherit; } .adp-big-rectangle #ad-megaboard iframe#aswift_1 { position: relative !important; width: 750px; } .adp-megaboard-big-rectangle #ad-megaboard {width: inherit;} /*-------------------------------------------------------------------------------------------------- STICKY BOARD --------------------------------------------------------------------------------------------------*/ #stickyboard {z-index: 2000; overflow: hidden; width: inherit; position: fixed; bottom: 0; margin: 0 auto; text-align: center; padding-top: 22px;} #stickyboard .close, #stickyboard h4 {background-color: #fff; border: 1px solid #aaa; color: #8f8f8f; font-size: 11px; z-index: 2000; position: absolute; height: 20px; line-height: 20px;} #stickyboard .close:before { content: "×"; margin: 0 0.5em 0 -0.5em; color: #a00;} #stickyboard .close {text-decoration: none; display: none; right: 24px; top: 0; width: 30px; padding: 0 16px 0 16px; border-radius: 0 5px 0 0; } #stickyboard .close:hover {background-color: #eee; text-decoration: none;} #stickyboard .ad {margin-bottom: 0;} #stickyboard h4 {padding: 0 1em; border-radius: 5px 0 0 0; right: 86px; top: -22px; border-right: none } #stickyboard .sbHTML {position: relative; max-width: 994px; max-height: 120px;} .adp-sticky-skyscraper-vpravo div#stickyboard { margin: 0 !important; } .adp-stickyboard #stickyboard .close { display: block; } #ad-half-page { width: 350px; } .half-page-ad { width: 300px; margin: 0 auto; } /*-------------------------------------------------------------------------------------------------- Push --------------------------------------------------------------------------------------------------*/ .push { display: none } .adp-push .push { display: block; text-align: center; } /*-------------------------------------------------------------------------------------------------- MarketVoice --------------------------------------------------------------------------------------------------*/ /* Odkazy na soc. site */ .marketVoiceSidebar .socialExtLinks { margin-bottom: 35px; font-size: 14px; } .marketVoiceSidebar .socialExtLinks div { margin: 0 0 10px 0; } .marketVoiceSidebar .socialExtLinks a:before { content: ''; display: inline-block; width: 36px; height: 36px; background: red; margin-right: 0.6em; vertical-align: middle; background-image: url(http://i.iinfo.cz/sh/marketVoice/social-icons.png); } .marketVoiceSidebar .socialExtLinks .youtube a:before { background-position: 0 0; } .marketVoiceSidebar .socialExtLinks .linkedin a:before { background-position: 0 -37px; } .marketVoiceSidebar .socialExtLinks .twitter a:before { background-position: 0 -74px; } .marketVoiceSidebar .socialExtLinks .facebook a:before { background-position: 0 -111px; } .marketVoiceSidebar .socialExtLinks .googlePlus a:before { background-position: 0 -148px; } .marketVoiceSidebar .socialExtLinks .tumblr a:before { background-position: 0 -185px; } .marketVoiceSidebar .socialExtLinks .instagram a:before { background-position: 0 -222px; } .marketVoiceSidebar .banner { margin: 1em auto; text-align: center; } /* @group iinfoBar */ @font-face { font-family: 'OpenSansSemibold'; src: url('/shared/font/OpenSans-Semibold-webfont.eot'); src: url('/shared/font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/shared/font/OpenSans-Semibold-webfont.woff') format('woff'), url('/shared/font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/shared/font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } body { margin: 0; padding: 0; } #sefa.iinfoBar * { margin: 0; padding: 0; } #sefa.iinfoBar:after { clear: both !important; content: "." !important; display: block !important; height: 0 !important; visibility: hidden !important; } /* Hides from IE-mac \*/ * html #sefa.iinfoBar { height: 1% !important; } /* End hide from IE-mac */ #sefa.iinfoBar { font-family: OpenSansSemibold, sans-serif; font-size: 14px; line-height: 39px; min-width: 994px; min-height: 26px; box-shadow: 0px 0px 2px 0px #bfbfbf; background: #dadada url(http://i.iinfo.cz/sh/iinfobar-bck.png) repeat-x; border-top: 1px solid #ffffff; border-bottom: 1px solid #b5b5b5; z-index: 4000000; text-align: left; position: relative; } #www-tuesday-cz #sefa.iinfoBar {background: #fff; border-bottom: 1px solid #ECECEC;} #sefa.iinfoBar .sub { width: auto; height: auto; overflow: visible; position: relative; padding: 0 185px 1px 0; margin: -1px 0 -1px 0; z-index: 4000000; } #sefa.iinfoBar.wide { padding-right: 0 !important; } #sefa.iinfoBar.narrow .sub { width: 940px; margin: -1px auto -1px auto; } #sefa.iinfoBar img { position: relative; top: 0px; } #sefa.iinfoBar a { text-decoration: none; color: #1f3f7c; font-size: inherit; } #sefa.iinfoBar #logo{ display: block; width: 89px; height: 26px; background: url(http://i.iinfo.cz/sh/iinfobar-logo.png); text-indent: -10000px; margin: -13px 8px 0 1ex; position: absolute; top: 50%; left: 0; overflow: hidden; line-height: 1; padding: 0; z-index: 1000; } #sefa.iinfoBar ul#iinfoBarItems { height: 2.8em; overflow: hidden; display: block; position: relative; padding: 0 0 0 110px; -webkit-text-stroke-color: rgba(0, 0, 0, 0); -webkit-text-stroke-width: 1px; } #sefa.iinfoBar #iinfoBarItems li { float: left; display: block; } #sefa.iinfoBar #iinfoBarItems li a { display: inline-block; line-height: 2.8em; height: 2.8em; padding: 0 15px 0 13px; position: relative; background: url(http://i.iinfo.cz/sh/iinfobar-sep.png) repeat-y right top; } #www-tuesday-cz #sefa.iinfoBar #iinfoBarItems li a {background: url(http://i.iinfo.cz/sh/iinfobar-sep-light.png) repeat-y right top;} #sefa.iinfoBar #iinfoBarItems li a:hover { background-color: #d2d2d2; color: #000; } html >body #sefa.iinfoBar #iinfoBarItems li a:hover:before { content: ""; display: block; height: 2.8em; width: 1px; background: #cbcbcb; position: absolute; left: -1px; top: 0; } #www-tuesday-cz #sefa.iinfoBar #iinfoBarItems li a:hover:before { display: none; } #www-tuesday-cz #sefa.iinfoBar #iinfoBarItems li a:hover {background: #efefef;} #sefa.iinfoBar #nextItemsButton { position: absolute; top: 0; right: 8em; display: none; width: 45px; height: 2.75em; line-height: 2.8em; text-align: left; color: #1f3f7c; padding: 0 0 0 24px; cursor: pointer; background: url(http://i.iinfo.cz/sh/iinfobar-more.png) no-repeat 8px center; z-index: 3000000; -webkit-text-stroke-color: rgba(0, 0, 0, 0); -webkit-text-stroke-width: 1px; } #nextItemsButton:hover { background: #d2d2d2 url(http://i.iinfo.cz/sh/iinfobar-more.png) no-repeat 8px center; border-left: 1px solid #cbcbcb; } /* @group otherItems */ #sefa.iinfoBar #otherItems { position: absolute; top: 2.9em; font-size: 14px; right: 0; font-family: OpenSansSemibold, sans-serif; background: #eeeeee; -webkit-box-shadow: 0px 0px 2px 0px #bfbfbf; box-shadow: 0px 0px 2px 0px #bfbfbf; width: 150px; border: none; z-index: 2000000; /* hack pro AA s font-face */ -webkit-text-stroke-color: rgba(0, 0, 0, 0); -webkit-text-stroke-width: 1px; } #sefa.iinfoBar #otherItems li { display: block; line-height: 1; border: none; } #sefa.iinfoBar #otherItems li a { display: block; padding: 0 14px; color: #1F3F7C; text-decoration: none; border: none; font-size: 14px; width: 120px; padding: 0.8em 15px; border-bottom: 1px solid #d8d8d8; float: none; clear: both; line-height: 1; position: relative; } #sefa.iinfoBar #otherItems li a:hover { background: #d2d2d2; color: #000; } /* @end */ /* @end */ #sefa.iinfoBar .usetrete { position: absolute; top: -1px; right: 0; z-index: 4000000; background: url(http://i.iinfo.cz/sh/iinfobar-sep.png) repeat-y left top; padding-left: 2px; } #sefa.iinfoBar .usetrete a { color: #fff; display: inline-block; line-height: 2.8em; height: 2.8em; padding: 0 15px 0 38px; background: #fb6001; background: -moz-linear-gradient(top, #fb6001 0%, #e85801 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6001), color-stop(100%,#e85801)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fb6001 0%,#e85801 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fb6001 0%,#e85801 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fb6001 0%,#e85801 100%); /* IE10+ */ background: linear-gradient(to bottom, #fb6001 0%,#e85801 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6001', endColorstr='#e85801',GradientType=0 ); /* IE6-9 */ } #sefa.iinfoBar .usetrete a:hover { background: #ff7a00; background: -moz-linear-gradient(top, #ff7a00 0%, #ff7000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7a00), color-stop(100%,#ff7000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7a00 0%,#ff7000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7a00 0%,#ff7000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff7a00 0%,#ff7000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff7a00 0%,#ff7000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7a00', endColorstr='#ff7000',GradientType=0 ); /* IE6-9 */ } #sefa.iinfoBar .usetrete a:after { background: url("http://i.iinfo.cz/sh/icon_shoppingcart.png") no-repeat; top: 32%; left: 16%; position: absolute; width: 19px; height: 16px; content: ' '; } /********************************************************* JS plugin ke sdílení vybraného textu na sociálních sítích .sharer-trigger se generuje pomocí sharer.js **********************************************************/ .sharer-trigger { position: absolute; top: 0; z-index: 99999; margin-top: -56px /*height of the whole bubble including the arrow + 1px for some white space */; outline: none; -webkit-transition: top .075s ease-out, left .075s ease-out; -moz-transition: top .075s ease-out, left .075s ease-out; -ms-transition: top .075s ease-out, left .075s ease-out; -o-transition: top .075s ease-out, left .075s ease-out; transition: top .075s ease-out, left .075s ease-out; -webkit-animation: pop-upwards 180ms forwards linear; -moz-animation: pop-upwards 180ms forwards linear; -ms-animation: pop-upwards 180ms forwards linear; -o-animation: pop-upwards 180ms forwards linear; animation: pop-upwards 180ms forwards linear; } .sharer-outer { display: block; border-radius: 5px; box-shadow: 0 3px 6px #666; } .sharer-inner { display: block; padding: 2px; padding-bottom: 0px; background: #FFF; border-radius: 2px; } .sharer-content { display: inline-block; width: 40px; height: 30px; padding: 5px 20px; margin-bottom: -1px; } .sharer-content--twitter { background-color: #00B0ED; background-image: url('/shared/img/twitter.png'); /* IE8 */ background-repeat: no-repeat; background-position: center; background-image: url('/shared/img/twitter.svg'),none; background-size: 40%; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .sharer-content--facebook { background-color: #2D609B; background-image: url('/shared/img/facebook.png'); background-repeat: no-repeat; background-position: center; /*background: #2D609B url('/shared/img/facebook.svg') no-repeat 70% 110%,none;*/ background-image: url('/shared/img/facebook.svg'), none; background-position: 70% 90%, center; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .icon-arrow { position: absolute; left: 50%; top: 50%; overflow: hidden; width: 16px; height: 12px; } .icon-arrow:after { position: absolute; left: 0; top: 0; width: 0; height: 0; border: 6px solid transparent; content: ''; } .icon-arrow-bottom { top: auto; bottom: -5px; height: 6px; margin: -3px 0 0 -5px; } .icon-arrow-bottom:after { top: 0; border-top-color: #FFF; } /*-------------------------------------------------------------------------------------------------- TRAINING SECTION - GLOBAL ---------------------------------------------------------------------------------------------------- is extended: Local Color Scheme - trainingLocal.css (for Training Detail Page - see trainingDetail.css) --------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'icons'; src: url('/shared/font/icons_event.eot'); src: url('/shared/font/icons_event.eot?#iefix') format('embedded-opentype'), url('/shared/font/icons_event.woff') format('woff'), url('/shared/font/icons_event.ttf') format('truetype'), url('/shared/font/icons_event.svg#icons') format('svg'); font-weight: normal; font-style: normal; } /* clearing */ .training .group:after, .trainingViewControl:after {content: ""; display: block; width: 80%; clear: both;} .training .cb {clear: both;} /* Main layout */ .training a {text-decoration: none; } .training a:hover {text-decoration: none;} .training .typeDescription {margin-bottom: 2em; padding: 2em 6em;} /* .training .otherTypes */ .training .otherTypes {margin: 2em 0;} /* .training .group */ .training .group {margin: 0 0 26px 0; clear: both; padding: 0 0 0 0;} .training .group h2 {position: relative; padding: 12px 10px 13px 10px; margin: 0 0 0.7em 0; font-size: 28px; } .training .group h2:after {width: 29px; z-index: 1020; height: 39px; display: block; content: ""; position: absolute; right: 11px; top: -2px; background: url(http://i.iinfo.cz/sh/training/lectureIcon.png);} .training .listNext {clear: both; padding: 10px 0 16px 0;} .training .listNext a {font-size: 20px; display: block; text-align: center; padding: 14px;} .training .listNext a:before {content: '\2795'; vertical-align: middle; margin: 0 0.3em 0 0; position: relative; top: -0.02em; font: 24px/16px 'icons',Arial,sans-serif; -webkit-font-smoothing: antialiased;} /* .training .item */ .training .item {float: left; background: #fff; padding: 0 0 10px 0; position: relative; margin: 0 2% 4% 0; width: 32%; } .training .forLabel .item {margin-bottom: 14px; } .js-on .training .item * {z-index: 1010; position: relative;} .training .item.last {margin-right: 0;} .training .item h3 {font-size: 18px; min-height: 3em; margin: 0.5em 10px 0.4em 10px; line-height: 1.4; } .training .item .itemImage {position: relative; display: block;} .training .item .itemImage img {width: 100%; display: block; height: auto;} .training .item .description {display: none;} .training .item .date {font-size: 14px; margin-left: 10px; display: inline-block;} /* Date select */ .training .item .otherDates {margin: 10px 0 -10px; position: relative;} .training .item .otherDates .btn {display: none; padding: 10px; position: relative; border-bottom: 1px solid transparent; border-top: 1px solid rgba(0, 0, 0, 0.1);} .js-on .training .item .otherDates .btn {display: block;} .training .item .otherDates .btn:after {content: "\232A"; position: absolute; right: 0px; top: 50%; display: inline-block; font-size: 14px; width: 1em; height: 1em; text-align: center; line-height: 1em; border-radius: 50%; vertical-align: middle; margin: -0.5em 0 0 0.2em; } .training .item .otherDates.shown .btn:after {content: "\00d7"; color: #FFF; right: 10px; background: #F00;} .js-on .training .item .otherDates ul {display: none;} .training .item .otherDates ul a {display: block; padding: 10px; border-bottom: 1px solid #eeeeee; } .training .item .otherDates.shown ul {display: block; background: #fff; border-top: 1px solid #eeeeee;} .js-on .training .item .otherDates.shown ul {left: 0; top: 100%;} .training p.price {font-size: 14px; display: inline-block; padding: 0 0 0 0.4em; margin: 0 0 0 0.1em;} .training .price .without-vat {font-size: 10px; } .training .item .date:before, .training .item .otherDates li a:before {content: '\1f4c5'; margin: 0 0.4em 0 0; font-size: 16px; font-family: 'icons'; } .training .item p.price:before {content: '\e70c'; margin: 0 0.4em 0 0; font-size: 14px; font-family: 'icons'; } .training .order a {display: none;} /* .training .filter */ .training .filter {margin: 16px 0; font-size: 15px;} /* Filter button - normal */ .training .filter .filterBtn, .training .filter .trainingAll {display: inline-block; line-height: 1.2; border-width: 1px; border-style: solid; margin-right: -1px; overflow: hidden; position: relative; padding: 10px 0 10px 26px; vertical-align: middle;} /* Filter button - active */ .training .filter .filterBtn.active, .training .filter .filterBtn.active:hover {z-index: 1000;} /* Btn - trainingAll */ .training .filter .trainingAll {padding-right: 26px; } /* Do not display on TitlePage */ .training.index .filter .trainingAll {display: none;} /* icon */ .training .filter .trainingAll:after {content: '\2630'; display: inline-block; vertical-align: middle; margin-left: 0.6em; font-family: 'icons';} .training .filter .btnText {display: inline-block; vertical-align: middle;} /* Btn - active-pin - showing selected filter item */ .training .filter .active-pin {margin-left: 0.6em; vertical-align: middle; padding: 0 26px 0 0.6em; display: inline-block; overflow: hidden; max-width: 20em; white-space: nowrap; } /* arrow icon */ .training .filter .active-pin:before {content: '\E75C'; font-family: 'icons'; display: inline-block; margin-right: 0.4em;} /* long text hider */ .training .filter .active-pin:after { content: ''; width: 26px; height: 5em; display: block; position: absolute; right: 0; top: 0;} /* .training .dropdown-menu */ .training .filter .dropdown-menu { display: none; font-size: 16px; padding: 26px 1.5%; position: relative; top: -1px; border-top-width: 3px; border-top-style: solid;} .training .filter .dropdown-menu li {display: inline-block; margin: 0 1% 0.8em; width: 31.2%; vertical-align: top;} .training .filter .dropdown-menu a{display: block; border-top-width: 1px; border-top-style: solid; font-size: 14px; position: relative; line-height: 1.2; padding: 0.8em 0.4em 0.8em 1.3em; } /* icon - arrow */ .training .filter .dropdown-menu a:before {content: '\E75E'; font-family: 'icons'; position: absolute; left: 0; top: 0.85em; } /* active item icon - check */ .training .filter .dropdown-menu a.active:before {content: '\2713'; position: absolute; font-size: 16px; left: 0.25em; top: 0.6em; display: inline-block;} /*-------------------------------------------------------------------------------------------------- TRAINING SECTION - LOCAL ---------------------------------------------------------------------------------------------------- Main Layout - trainingGlobal.css ROOT.cz Dark Style - *root.cz* / global_dark.css --------------------------------------------------------------------------------------------------*/ /* .trainingListing */ .trainingListing {margin: 2em 0;} .trainingListing h2 {background: #F90; margin-bottom: 8px; color: #fff; text-transform: uppercase; font-size: 90%; font-weight: bold; letter-spacing: 1px;} .trainingListing h2 a {color: #fff; display: block; padding: 10px 8px;} .trainingListing li {margin: 0 0 8px 0;} .trainingListing li a{display: block; text-decoration: none; background: #fff; padding: 8px; } .trainingListing strong {font-size: 14px; padding: 0 0 0.4em 0; display: block;} .trainingListing .date {font-size: 11px; display: block;} .trainingListing .date:before {content: '\1f4c5'; vertical-align: middle; display: inline-block; margin: -0.25em 0.2em 0 0; font-size: 14px; font-family: 'icons';} /* .training .group */ .training .group h2 {background: #575652; color: #fff; } .training .listNext a {background: rgba(255,255,255,0.4); } .training .listNext a:hover {background: #fff;} /* .training.item */ .training .item {background: #fff;} .training .item h3 a {border-bottom: 1px solid rgba(0,0,0,0.1)} .training .item a:hover {color: #000 !important; border-bottom: 1px solid #999;} .training .item p.price, .training .item .date {color: #555;} /* .training .filter */ /* Filter button - normal */ .training .filter .filterBtn, .training .filter .trainingAll {border-color: #cecece; color: #C60; background: #fff;} /* Filter button - active */ .training .filter .filterBtn.active, .training .filter .filterBtn.active:hover {border-color: #F90; color: #000; background: #F90; } /* Filter button - hover */ .training .filter .filterBtn:hover, .training .filter .trainingAll:hover {background: #ebebeb;} /* Btn - active-pin - showing selected filter item */ .training .filter .active-pin {color: #000;} /* long text hider - normal state gradient */ .training .filter .active-pin:after { background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 90%); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 90%); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 90%); background-image: linear-gradient(left, rgba(255,255,255,0) 0%, #fff 90%); } /* long text hider - hover state gradient */ .training .filter .filterBtn:hover .active-pin:after { background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #EBEBEB 90%); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #EBEBEB 90%); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #EBEBEB 90%); background-image: linear-gradient(left, rgba(255,255,255,0) 0%, #EBEBEB 90%); } /* long text hider - active state gradient */ .training .filter .filterBtn.active .active-pin:after { background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #F90 90%); background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #F90 90%); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #F90 90%); background-image: linear-gradient(left, rgba(255,255,255,0) 0%, #F90 90%); } /* .training .dropdown-menu */ .training .filter .dropdown-menu {background: #fff; border-top-color: #F90;} .training .filter .dropdown-menu a{border-top-color: #cecece;} /* hover */ .training .filter .dropdown-menu a:hover {background: #ebebeb; color: #000;} /* active item */ .training .filter .dropdown-menu a.active {color: #000; border-top-color: #F90; background: #ffebcc;} /* .training-own */ .training-own:before, .training-own:after { color: #fff; content: 'ROOT.CZ'; font-weight: 800; padding: 3px 7px; position: absolute; top: 0; right: 0; z-index: 1011; } .training-own:before { background: #000; color: #000; opacity: 0.4; } /*-------------------------------------------------------------------------------------------------- TRAINING DETAIL - GLOBAL ---------------------------------------------------------------------------------------------------- is extended by: Local Color Scheme - trainingDetailLocal.css RegistrationForm - eventRegistrationForm.css --------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------- FONTS --------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'icons'; src: url('/shared/font/icons_event.eot'); src: url('/shared/font/icons_event.eot?#iefix') format('embedded-opentype'), url('/shared/font/icons_event.woff') format('woff'), url('/shared/font/icons_event.ttf') format('truetype'), url('/shared/font/icons_event.svg#icons') format('svg'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------------------------------------------- SHARED IMAGES --------------------------------------------------------------------------------------------------*/ .eventWrap .socialLinks a:before, .eventWrap .programItems .topic:after {background-image: url(http://i.iinfo.cz/sh/event/eventCommon.png); background-repeat: no-repeat;} /*-------------------------------------------------------------------------------------------------- MAIN --------------------------------------------------------------------------------------------------*/ .eventWrap {font-family: Arial, sans-serif; line-height: 1.4; font-size: 16px; } .eventWrap a {text-decoration: none; color: #1a92c4; } /* ICONS */ .eventWrap .connect:before, .eventFinished:before, .eventWrap .download.titleSneak span:before, .eventWrap .gallery span.more a:before , .eventWrap .photo.no:before, .eventWrap .photo.upload:before, .eventWrap #zoom-map a:before, .eventWrap .website:before, .eventWrap .controls a:before, .eventWrap .eventFinished:before,.eventWrap .eventPerformers .ext:before, .eventWrap .photoItems .item a:hover:after, .eventWrap .chosenPhotos .photo a:hover:after, .eventWrap .allPhotos .photo a:hover:after {display: inline-block; font-family: "icons"; } /* CLEARING */ .eventWrap:after, .eventWrap .page:after, .eventWrap .eventResponse:after {clear: both !important; content: "." !important; display: block !important; height: 0 !important; visibility: hidden !important; } .eventFinished {background: #2c2c2c; text-align: center; font-size: 18px; vertical-align: middle; padding: 1.6em 0; color: #fff; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.32);} .eventFinished:before {content: '\e771'; margin: 0 0.2em 0 0; font-size: 28px; vertical-align: middle;} .eventFinished a:hover {color: #fff;} .darkStyle .eventFinished {background: #666;} /*-------------------------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------------------------*/ .eventWrap .eventLogo {display: none;} /*-------------------------------------------------------------------------------------------------- TITLE SNEAKS --------------------------------------------------------------------------------------------------*/ .eventWrap .titleSneak {} .eventWrap .titleSneak span.more {display: block; text-align: center; margin: 1em 0 0 0; } .eventWrap .titleSneak span.more a{display: inline-block; text-align: center; background: #fff; border-radius: 20px; padding: 5px 15px 5px 10px;} .eventWrap .titleSneak span.more a:before {content: '\2795'; font-family: 'icons'; margin-right: 0.4em;} /*-------------------------------------------------------------------------------------------------- PAST EVENTS --------------------------------------------------------------------------------------------------*/ .pastEvents {display: none !important;} /*-------------------------------------------------------------------------------------------------- MAP OVERLAY (component) --------------------------------------------------------------------------------------------------*/ .eventWrap #map-overlay {background-color: #fff; width: 800px; display: none; padding: 8px 8px 0px 8px; height: 608px; } .eventWrap #map-overlay div.close {background-image: url(http://i.iinfo.cz/sh/event/overlayClose.png); position: absolute; right: 0px; top: -24px; cursor: pointer; height: 24px; width: 110px; } .eventWrap #map-overlay iframe {background: #fff; padding: 8px 8px 0 8px; } /*-------------------------------------------------------------------------------------------------- BASIC TEXT --------------------------------------------------------------------------------------------------*/ .eventWrap .txt p{ margin: 0 0 1em 0; line-height: 1.4; } .eventWrap .txt ul { } .eventWrap .txt ul li { list-style: disc; } .eventWrap .txt ol li { list-style: decimal; } .eventWrap .txt li { margin: 0 0 1em 2em; } .eventWrap .txt h1, .txt h2, .txt h3 { margin: 0 0 1em 0; } /*-------------------------------------------------------------------------------------------------- GENERAL TABLE-FORM --------------------------------------------------------------------------------------------------*/ .eventWrap p.instructions {margin: 0 0 2em 0; font-weight: bold; } .eventWrap .table-form {background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0; padding: 20px; font-size: 14px; } .eventWrap .table-form table{width: 100%; } .eventWrap .table-form th{width: 20%; text-align: left; vertical-align: top; padding: 0.6em 0.5em 0 0; font-weight: normal; white-space: nowrap; } .eventWrap .table-form td{padding: 0 0 0.6em 0; } .eventWrap .table-form .text, .eventWrap .table-form textarea, #frm-programSneak-programSubscription-form .text, #frm-openTermSubscription-form .text, #frm-programPage-programSneak-programSubscription-form .text {background: #FAFAFA; border-color: #C6C6C6 #DADADA #EAEAEA; border-radius: 4px; color: #505050; font-family: inherit; font-size: 16px; border-style: solid; border-width: 1px; line-height: 1.1em; padding: 10px; vertical-align: middle; } .eventWrap .table-form .text:focus, .eventWrap .table-form textarea:focus, #frm-programSneak-programSubscription-form .text:focus, #frm-openTermSubscription-form .text:focus, #frm-programPage-programSneak-programSubscription-form .text:focus {color:#333; background: #fff none; border-color:#659ec9 #70aedd #a8cfec; outline: 0; } .eventWrap .requiredInfo {display: inline-block; background-color: #ffec88; font-size: 13px; padding: 0 1em 0.5em 1em; margin: 0 0 20px 0; border-radius: 2px; line-height: 15px; } .eventWrap .requiredInfo span {content: "*"; font-size: 30px; position: relative; top: 12px; } .eventWrap .table-form label.required:before {content: "*"; font-size: 30px; margin: 0 0 0 5px; text-shadow: #fff 1px 1px 0; position: absolute; left: -0.7em; top: 0.2em; } .eventWrap .table-form label {position: relative; margin: 0 0 0 20px; color: #2B2B2B; font-size: 16px; line-height: 1.3em; vertical-align: middle; display: inline-block; height: auto; margin: 0.5em 0 0.4em 2px; max-width: 580px; } .eventWrap .table-form fieldset {font-size: 14px; background: #fff; margin: 0 0 25px 0; padding: 10px 16px 16px 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #e6e6e6; } .eventWrap .table-form fieldset fieldset{ border: 1px solid #cac9c9; border-radius: 4px; margin: 0 0 10px 0;} .eventWrap .table-form fieldset fieldset fieldset{ border: 1px solid #a2a2a2;} .eventWrap .table-form fieldset p {color: #3D6178; font-size: 14px; line-height: 1.4; margin: 0 0 1em; } .eventWrap .table-form fieldset legend{background: #fff; padding: 8px; color: #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 20px; font-weight: bold; } .eventWrap .table-form fieldset fieldset legend{font-size: 17px; } .eventWrap .table-form .button, #frm-programSneak-programSubscription-form .button, #frm-openTermSubscription-form .button, #frm-programPage-programSneak-programSubscription-form .button {border: 1px solid #2f78a5; cursor: pointer; font-family: inherit; font-size: 16px; color: #fff; background: #07689d url(http://i.iinfo.cz/sh/event/button.png) repeat-x; padding: 10px 20px; display: block; margin: 0; border-radius: 6px; text-shadow: #114867 1px 1px 0; text-decoration: none; float: right; } .eventWrap .table-form .button:hover, #frm-programSneak-programSubscription-form .button:hover, #frm-openTermSubscription-form .button:hover, #frm-programPage-programSneak-programSubscription-form .button:hover {background: #4794c2 url(http://ii.iinfo.cz/r/button.png) repeat-x 0 -100px; } .eventWrap #frm-programSneak-programSubscription-form .button, .eventWrap #frm-programPage-programSneak-programSubscription-form .button {float: none;} /*-------------------------------------------------------------------------------------------------- PAGE: CONTACT AND LOCATION --------------------------------------------------------------------------------------------------*/ .eventWrap .eventContact {} .eventWrap #locationMap {float: right;} .eventWrap #locationMap a {border-bottom: none !important;} .eventWrap .eventContact .group h3 {font-size: 18px;} .eventWrap .eventContact .group p{font-size: 20px; margin:0 0 1em 0;} .eventWrap .eventContact .group .text{font-size: 16px;} .eventWrap .eventContact .group {margin: 0 380px 2em 0;} .eventWrap .eventContact .urs {padding-right: 30px; margin: 0 380px 2em 0;} .eventWrap #map-wrapper {width: 340px; height: 340px; } .eventWrap #map-wrapper #gMap {width: 340px; height: 340px; } .eventWrap #zoom-map a {display: inline-block; width: 320px; background-color: #fff; padding: 10px; margin: 0 0 20px 0; } .eventWrap #zoom-map a:before {content: '\e750'; font-size: 26px; vertical-align: middle; margin-right: 0.2em; } .eventWrap #scrollZoom {display: none;} /*-------------------------------------------------------------------------------------------------- PAGE: PERFORMERS --------------------------------------------------------------------------------------------------*/ .eventWrap .eventPerformers {} .eventWrap .eventPerformers .item {min-height: 14em; position: relative; padding: 20px 270px 0 210px; margin: 0 0 1em 0;} .eventWrap .eventPerformers .image {position:absolute; top: 27px; left: 0; width: 190px; height: 190px; overflow: hidden; display: block; } .eventWrap .eventPerformers .image img {width: 190px;} .eventWrap .eventPerformers h2 {font-size: 26px; margin: 0 0 0.5em 0;} .eventWrap .eventPerformers .company_job {font-size: 14px;} .eventWrap .eventPerformers .company {font-weight: bold;} .eventWrap .eventPerformers .item .performerInfo {font-size: 16px; width: 240px; position: absolute; right: 0; top: 27px;} .eventWrap .eventPerformers .urs p{font-size: 16px;} .eventWrap .eventPerformers .ext {margin: 1.5em 0 0 0;} .eventWrap .eventPerformers .ext:before {display: inline; color: #b9b9b9; font-size: 16px; margin: 0 0.4em 0 0;} .eventWrap .eventPerformers .ext.twitter:before {content: '\f303';} .eventWrap .eventPerformers .ext.linkedIn:before {content: '\f31b';} .eventWrap .eventPerformers .company_job,.eventWrap .eventPerformers .company, .eventWrap .eventPerformers .ext {border-left: 3px solid #d1d1d1; padding: 5px 0 5px 10px; } /*-------------------------------------------------------------------------------------------------- SOCIAL LINKS --------------------------------------------------------------------------------------------------*/ .eventWrap .socialLinks {padding: 1.6em 5%; text-align: center; border-top: 2px solid #d0dae1; } .eventWrap .socialLinks h2{display: none;} .eventWrap .socialLinks a {display: block; border-radius: 0; border-bottom-color: #fff; display: inline-block; margin: 0 7px 0 0; padding: 0 10px 0 35px; position: relative; height: 26px; line-height: 26px; overflow: hidden;} .eventWrap .socialLinks a:before {content: "";position:absolute; top: 3px; left: 3px; display: block; width: 20px; height: 20px;} .eventWrap .socialLinks .twitter:before {background-position: 0 0;} .eventWrap .socialLinks .facebook:before {background-position: -21px 0;} .page.eventRegistration ~ .socialLinks {display: none;} /*-------------------------------------------------------------------------------------------------- PHOTO GALLERY, SNEAK AND PAGE --------------------------------------------------------------------------------------------------*/ /* Chosen photos, Sneak photos */ .eventWrap .photoItems {} .eventWrap .photoItems .item.more {display: none;} .eventWrap .photoItems .item, .eventWrap .chosenPhotos .photo{float: left; position:relative; text-align: center; width: 33.33%; height: 245px; overflow: hidden; background: #4b4b4b;} .eventWrap .photoItems .item a, .chosenPhotos .photo a{display: block; height: 245px; overflow: hidden; } .eventWrap .photoItems .item a:hover:after, .chosenPhotos .photo a:hover:after {display: block; color: #fff; font-size: 100px; content: '\e750'; position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 245px; line-height: 245px; background: transparent; background: rgba(255,255,255,0.5);} .eventWrap .photoItems .item img, .photoItems .item span, .chosenPhotos .photo img, , .chosenPhotos .photo span {position: relative; z-index: 0;} /* Small photos */ .eventWrap .allPhotos {text-align: justify; margin: 30px 0 30px 0;} .eventWrap .allPhotos .photo {display: inline-block; width: 70px; overflow: hidden; height: 70px;} .eventWrap .allPhotos .photo a{display: block; width: 70px; position: relative; text-align: center; height: 70px; } .eventWrap .allPhotos .photo a:hover:after {display: block; color: #fff; font-size: 30px; content: '\e750'; position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 70px; line-height: 70px; background: transparent; background: rgba(255,255,255,0.5);} .eventWrap .eventGallery .urs {margin: 0 0 2em 0;} /*-------------------------------------------------------------------------------------------------- DOWNLOAD (TITLE) --------------------------------------------------------------------------------------------------*/ .download.titleSneak { } .download.titleSneak span{ position: relative; padding: 0 0 0 100px; height: 100px; display: inline-block; line-height: 100px; font-size: 22px; } .download.titleSneak span:before{ content: '📥'; font-size: 80px; position: absolute; color: #545454; left: 0; height: 100px; } /*-------------------------------------------------------------------------------------------------- DATE SUBSCRIPTION --------------------------------------------------------------------------------------------------*/ .openTermSubscription {border: 2px solid #d0dae1; margin: 5%; padding: 1.6em; text-align: center;} .openTermSubscription tr, .openTermSubscription td, .openTermSubscription th, .openTermSubscription table {display: inline-block; padding: 0; vertical-align: middle;} .openTermSubscription p {font-size: 18px; margin-bottom: 1em;} /*-------------------------------------------------------------------------------------------------- TRAINING DETAIL - LOCAL ---------------------------------------------------------------------------------------------------- extends trainingDetailGlobal.css --------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------- LAYOUT --------------------------------------------------------------------------------------------------*/ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext); .eventWrap {font-family: 'Open Sans', sans-serif; background: #fff; color: #333;} .eventWrap h1, .eventWrap h2, .eventWrap h3, .eventWrap h4, .eventWrap strong {font-weight: 600;} /* content widths */ .eventWrap .program.titleSneak > .sub, .eventWrap .eventPromo > .sub, .eventWrap .eventDescription > .sub, .eventWrap .titleContent > .sub {margin: 0 7% 0 18%;} /* Trainings do not have any navigation */ .eventMenu {display: none !important;} .eventWrap a:link {color: #045c9b; border-bottom: 1px solid #7fb8e1;} .eventWrap a:visited {color: #777; border-bottom: 1px solid #777;} .eventWrap a:visited {} .eventWrap a:hover {border-bottom: 1px solid #C60; color: #C60;} .titleContent {margin: 2em 0 4em;} .titleContent > .sub > h2 {font-size: 26px; font-weight: normal; margin-bottom: 1em; color: #a3abb0; padding: 0 0 0.6em; border-bottom: 1px solid #b4c0c8;} /*-------------------------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------------------------*/ .eventHeader { color: #fff; padding: 30px 0; overflow: hidden; position: relative; background-image: -moz-linear-gradient(77deg, #f90 0%, #ffbf00 100%); background-image: -o-linear-gradient(77deg, #f90 0%, #ffbf00 100%); background-image: -webkit-linear-gradient(77deg, #f90 0%, #ffbf00 100%); background-image: linear-gradient(13deg, #f90 0%, #ffbf00 100%); } .eventHeader > .sub { } .eventTitle {padding: 0 5%; width: 54%; } .eventTitle h2 {display: none;} .eventTitle h1, .eventTitle h1 a {display: block; color: #000; } .eventTitle h1 {font-size: 36px; border-bottom: none; text-align: left; font-variant: normal;} .eventTitle h1 span {border-bottom: none; padding: 0; margin: 0; } .eventInfo {font-size: 14px; float: right; color: #000; padding: 0 3% 0 4%; width: 30%;} .eventInfo > .sub {} .eventInfo .date, .eventInfo .place {padding: 0 0 0 44px;position: relative;} .eventInfo .date:before, .eventInfo .place:before {content: ""; left: 0; top: -0.3em; display: block; position: absolute; background-image: url(http://ii.iinfo.cz/r/trainingModule/sprite.png);} .eventInfo .date:before {background-position: 0 0; width: 32px; height: 32px;} .eventInfo .place:before {background-position: -33px 0; width: 28px; height: 44px;} .eventInfo .date {margin-bottom: 1.6em; } .eventInfo .date .day, .eventInfo .date .month, .eventInfo .date .year, .eventInfo .open {font-size: 18px;} .eventInfo .date .month {} .eventInfo .date .time {display: block;} .eventInfo .place .placeName {font-size: 18px; font-weight: normal; display: block;} .eventInfo .place .placeStreet, .eventInfo .place .placeCity {font-size: 14px;} .eventInfo .place .placeStreet:after {content: ", "} .eventInfo .eventRegistrationButton {display: none;} /* Date select */ .js-on .termSelect li, .eventWrap .termSelect.shown .btn span, .eventWrap .termSelect .btn {display: none;} .js-on .eventWrap .termSelect .btn {display: inline-block;} .eventWrap .termSelect.shown li {display: block;} .termSelect li.active {display: block;} .eventWrap .termSelect.shown li a, .eventWrap .termSelect.shown .wrap {display: block; position: relative; padding: 0.5em 0; border-bottom: none;} .eventWrap .termSelect.shown li a {color: #fff;} .eventWrap .termSelect.shown li a:hover {background-image: -moz-linear-gradient(left, rgba(255,170,0,0) 0%, rgba(255,255,255,.3) 100%); background-image: -o-linear-gradient(left, rgba(255,170,0,0) 0%, rgba(255,255,255,.3) 100%); background-image: -webkit-linear-gradient(left, rgba(255,170,0,0) 0%, rgba(255,255,255,.3) 100%); background-image: linear-gradient(left, rgba(255,170,0,0) 0%, rgba(255,255,255,.3) 100%); } .eventWrap .termSelect.shown li a:before {} .eventWrap .termSelect.shown li {border-bottom: 1px solid #fbd986; position: relative; top: -0.5em; } .eventWrap .termSelect.shown .btn {border-bottom: none; display: inline-block; overflow: hidden; white-space: nowrap;} .eventWrap .termSelect.shown li a:after {content: "\232A"; position: absolute; right: 0px; top: 50%; display: inline-block; font-size: 20px;vertical-align: middle; margin: -10px 0 0 0.2em; } .eventWrap .termSelect.shown .btn:before {content: "\00d7"; margin: 0 0.4em 0 0; display: inline-block; font-size: 20px; vertical-align: middle; width: 1em; height: 1em; text-align: center; line-height: 1em; border-radius: 50%; color: #FFF; position: static; background: #F00;} .eventWrap .termSelect.shown .btn:after {content: "Zavřít";} /*-------------------------------------------------------------------------------------------------- NAV --------------------------------------------------------------------------------------------------*/ .eventMenu {width: 960px; font-size: 20px; margin: 0 auto; color: #1d2c5e;} .eventMenu li {display: block; float: left;} .eventMenu li a, .eventMenu li strong{display: inline-block; font-weight: normal; height: 52px; line-height: 52px; padding: 0 14px;} .eventMenu li strong {background: #edf4f7;} .eventMenu li a:hover {background: #f6f9fb; } .eventMenu li.eventMenu-en a, .eventMenu li.eventMenu-en strong {padding-left: 35px; background-image: url(http://ii.iinfo.cz/r/trainingModule/iac-en-flag.png); background-position: 10px center; background-repeat: no-repeat; } /*-------------------------------------------------------------------------------------------------- EVENTPROMO --------------------------------------------------------------------------------------------------*/ .eventPromo {position: relative;} .eventPromo > .sub {} .eventPromo > .sub:before {content: ""; left: 5%; top: 0; width: 58px; height: 88px; display: block; position: absolute; background: url(http://ii.iinfo.cz/r/trainingModule/sprite.png) no-repeat -62px 0;} .eventPromo .text {padding: 3em 0 4em; line-height: 1.5;} .eventPromo p {font-size: 20px;} .eventPromo ul {color: #ccdae3; font-size: 42px; margin: 0 60px 0 0; float: left;} .eventPromo h2 {font-size: 26px; font-weight: normal; margin: 0 0 2em 0;} /*-------------------------------------------------------------------------------------------------- EVENTDESCRIPTION --------------------------------------------------------------------------------------------------*/ .eventDescription {clear: both; } .eventDescription > .sub { } .eventDescription .urs {} /*-------------------------------------------------------------------------------------------------- TITLE - PRICE AND REGISTRATION --------------------------------------------------------------------------------------------------*/ .priceAndRegistration {background: #d0dae1; padding: 2.5%; margin: 0 0 2em 5%;} .priceAndRegistration > .sub { } .priceAndRegistration .eventPrice, .priceAndRegistration .yourPrice, .priceAndRegistration .basePrice, .priceAndRegistration .eventRegistrationAction {display: inline-block; vertical-align: middle;} .priceAndRegistration .eventPrice {width: 61%;} .priceAndRegistration .yourPrice, .priceAndRegistration .basePrice {padding: 0 2.6em; vertical-align: top;} .priceAndRegistration h3 {font-size: 13px; display: block; padding: 0.2em 0; font-weight: normal; text-transform: uppercase;} .priceAndRegistration .yourPrice {border-left: 1px solid #acb7bf;} .priceAndRegistration .yourPrice h3 {background: #ecf2f6; padding-left: 6px; margin-left: -6px;} .priceAndRegistration .woVat {display: block; font-size: 10px;} .priceAndRegistration .price {font-size: 24px;} .priceAndRegistration .basePrice {} .eventRegistrationAction {width: 38%; text-align: right;} .eventRegistrationAction a.registration {padding: 0.5em; text-align: center; color: #045c9a; font-size: 26px; text-shadow: 1px 1px 0 #fff; border: 1px solid #8e9ea8; background-color: #fff; box-shadow: 1px 1px 0 rgba(9,0,0,.23); background-image: -moz-linear-gradient(bottom, #d9e1e7 0%, #fffefe 100%); background-image: -o-linear-gradient(bottom, #d9e1e7 0%, #fffefe 100%); background-image: -webkit-linear-gradient(bottom, #d9e1e7 0%, #fffefe 100%); background-image: linear-gradient(bottom, #d9e1e7 0%, #fffefe 100%); } .eventRegistrationAction a.registration:before {content: ""; vertical-align: middle; width: 52px; height: 30px; display: inline-block; margin: -0.3em 0.3em 0 0; background: url(http://ii.iinfo.cz/r/trainingModule/sprite.png) no-repeat -122px 0;} .eventRegistrationAction a.registration:hover {border: 1px solid #035b9b; background-color: #fff; background-image: -moz-linear-gradient(bottom, #d9e1e7 0%, #e7eff3 100%); background-image: -o-linear-gradient(bottom, #d9e1e7 0%, #e7eff3 100%); background-image: -webkit-linear-gradient(bottom, #d9e1e7 0%, #e7eff3 100%); background-image: linear-gradient(bottom, #d9e1e7 0%, #e7eff3 100%);} .priceAndRegistration .yourPriceNote {font-size: 11px; max-width: 13em; display: inline-block;} /*-------------------------------------------------------------------------------------------------- TITLE / CONTACTS --------------------------------------------------------------------------------------------------*/ .titleContent.eventContact {min-height: 480px;} .eventWrap .eventContact .group h3 {font-size: 18px; color: #a3abb0;} .eventWrap #zoom-map a {background: #e2e9ec; font-weight: normal; font-size: 15px;} .eventWrap #map-wrapper {padding: 0; border: 0;} .titleContent.eventContact .urs, .titleContent.eventContact .urs p {font-size: 14px;} .titleContent.eventContact .time {display: block; font-size: 16px;} /*-------------------------------------------------------------------------------------------------- FORMS --------------------------------------------------------------------------------------------------*/ #registrationForm input.text {width: auto;} #registrationForm .add-button a, #registrationForm .person a {border-bottom: none;} /*-------------------------------------------------------------------------------------------------- PERFORMER --------------------------------------------------------------------------------------------------*/ .eventWrap .eventPerformers .item .performerInfo {position: static; width: auto;} .eventWrap .eventPerformers .item {padding: 0 270px 0 0;} .eventWrap .eventPerformers .image {top: 0; left: auto; right: 0; height: 230px; width: 230px;} .eventWrap .eventPerformers .image img {width: 100%;} .eventWrap .eventPerformers .company_job, .eventWrap .eventPerformers .company, .eventWrap .eventPerformers .ext {border: none; padding: 0;} /*-------------------------------------------------------------------------------------------------- PAGES --------------------------------------------------------------------------------------------------*/ .eventWrap .page {} .eventWrap .pageTitle {font-size: 26px; text-align: left; padding: 1.6em 5%; font-variant: normal; border-bottom: none; margin: 0; } .eventWrap .pageTitle span {border-bottom: none; display: inline-block; padding: 0; margin: 0; } /*-------------------------------------------------------------------------------------------------- PAGE / PARTNERS --------------------------------------------------------------------------------------------------*/ .eventWrap .page.eventPartners .logo img {} .eventWrap .page.eventPartners .logo img:after {content: "x";} .eventWrap .eventPartners h2 {text-transform: none;} /*-------------------------------------------------------------------------------------------------- PAGE / REGISTRATION --------------------------------------------------------------------------------------------------*/ #registrationForm {border-top: 5px solid #ff9900; border-radius:0px;} .page #registrationForm .reg-steps li.current .step {background: #ff9900; color: #fff;} /*-------------------------------------------------------------------------------------------------- URS --------------------------------------------------------------------------------------------------*/ .eventWrap .urs {font-size: 16px; color: #333; line-height: 1.5;} .darkStyle .eventWrap .urs * {color: #333;} .eventWrap .urs h3 {font-size: 20px; margin: 1em 0 0.5em 0;} .eventWrap .urs div.rs-tip-minor {border: 2px solid #d0dae1; padding: 1.6em;} .eventWrap .urs ul {margin: 0 0 2em 0; padding: 0;} .eventWrap .urs ul li {list-style-type: none !important; position: relative; margin: 0 0 1em 0; padding: 0 0 0 1.6em;} .eventWrap .urs ul li:before {content: ""; position: absolute; left: 0; top: 0.3em; width: 0.7em; height: 0.7em; display: inline-block; vertical-align: top; background: #d0dae1;} .eventContact .contact.hasImage {min-height: 100px;} .eventContact .contact.hasImage p {padding-right: 110px; position: relative; } .eventContact .contact.hasImage .managerImage {display: block; overflow: hidden; width: 100px; height: 100px; position: absolute; right: 0; top: 0;} .eventContact .contact.hasImage .managerImage img {display: block; width: 100%; height: auto;} /* .training-own */ .training_own { display: block; width: 88px; height: 31px; position: absolute; bottom: 20px; left: 50px; background: url("http://ii.iinfo.cz/r/root-88x31.png") no-repeat; } #map-wrapper #seznamMap { width: 100%; height: 100%; } /* ICONS */ .controls a:before, .loginNotice a, #registrationForm .registrationSuccesful:before, #registrationForm .reg-steps li.done:before, .add-button a:before, #registrationForm .person a:after, #frm-stepOneForm-pokracovat:after{display: inline-block; font-family: "icons"; } /*-------------------------------------------------------------------------------------------------- REGISTRATION TABLE-FORM --------------------------------------------------------------------------------------------------*/ .eventRegistration p.instructions {margin: 0 0 2em 0; font-weight: bold; } .eventRegistration .table-form {background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0; padding: 20px; font-size: 14px; } .eventRegistration .table-form a {color: #1a92c4;} .eventRegistration .table-form table{width: 100%; } .eventRegistration .table-form th{width: 20%; text-align: left; vertical-align: top; padding: 0.6em 0.5em 0 0; font-weight: normal; white-space: nowrap; } .eventRegistration .table-form td{padding: 0 0 0.6em 0; } .eventRegistration .table-form .text, .table-form textarea, #frm-programSneak-programSubscription-form .text {background: #FAFAFA; border-color: #C6C6C6 #DADADA #EAEAEA; border-radius: 4px; color: #505050; font-family: inherit; font-size: 16px; border-style: solid; border-width: 1px; line-height: 1.1em; padding: 10px; vertical-align: middle; } .eventRegistration .table-form .text:focus, .table-form textarea:focus, #frm-programSneak-programSubscription-form .text:focus {color:#333; background: #fff none; border-color:#659ec9 #70aedd #a8cfec; outline: 0; } .eventRegistration .requiredInfo {display: inline-block; background-color: #ffec88; font-size: 13px; padding: 0 1em 0.5em 1em; margin: 0 0 20px 0; border-radius: 2px; line-height: 15px; } .eventRegistration .requiredInfo span {content: "*"; font-size: 30px; position: relative; top: 12px; } .eventRegistration .table-form label.required:before {content: "*"; font-size: 30px; margin: 0 0 0 5px; text-shadow: #fff 1px 1px 0; position: absolute; left: -0.7em; top: 0.2em; } .eventRegistration .table-form label {position: relative; margin: 0 0 0 20px; color: #2B2B2B; font-size: 16px; line-height: 1.3em; vertical-align: middle; display: inline-block; height: auto; margin: 0.5em 0 0.4em 2px; max-width: 580px; } .eventRegistration .table-form fieldset {font-size: 14px; background: #fff; margin: 0 0 25px 0; padding: 10px 16px 16px 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #e6e6e6; } .eventRegistration .table-form fieldset fieldset{ border: 1px solid #cac9c9; border-radius: 4px; margin: 0 0 10px 0;} .eventRegistration .table-form fieldset fieldset fieldset{ border: 1px solid #a2a2a2;} .eventRegistration .table-form fieldset p {color: #3D6178; font-size: 14px; line-height: 1.4; margin: 0 0 1em; } .eventRegistration .table-form fieldset legend{background: #fff; padding: 8px; color: #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 20px; font-weight: bold; } .eventRegistration .table-form fieldset fieldset legend{font-size: 17px; } .goPayLink .button, .eventRegistration .table-form .button, #frm-programSneak-programSubscription-form .button {border: 1px solid #2f78a5; cursor: pointer; font-family: inherit; font-size: 16px; color: #fff; background: #07689d url(http://i.iinfo.cz/sh/event/button.png) repeat-x; padding: 10px 20px; display: block; margin: 0; border-radius: 6px; text-shadow: #114867 1px 1px 0; text-decoration: none; float: right; } .eventRegistration .table-form .button:hover, #frm-programSneak-programSubscription-form .button:hover {background: #4794c2 url(http://i.iinfo.cz/sh/event/button.png) repeat-x 0 -100px; } /*-------------------------------------------------------------------------------------------------- PAGE: REGISTRATION --------------------------------------------------------------------------------------------------*/ #registrationForm {background: #fff; } #registrationForm .notice { color: #706d6d; padding: 10px 20px; font-size: 14px; } .loginNotice {background: #fbf0bf; padding: 12px 20px;} .loginNotice a {padding: 2px 10px; color: #1d528d; border-radius: 30px; border: 1px solid #edde9c; box-shadow: inset 0 1px 0 rgba(255,255,255,.75); background-image: -moz-linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); background-image: -o-linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); background-image: -webkit-linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); background-image: linear-gradient(bottom, #f7ecbc 0%, #fffae4 100%); } .loginNotice a:before {content: '👤 ';} .loginNotice a:hover {background: #fff;} #registrationForm .resume {background: #f6f6f6; border-bottom: 1px solid #e6e6e6; color: #706d6d; padding: 10px 30px; font-size: 14px; } #registrationForm .resume p{font-size: 14px; } #registrationForm .resume h2 {margin: 0.2em 0 0 0; font-weight: bold;} #registrationForm .resume .col {float: left; width: 33%;} #registrationForm .resume .street {font-size: 12px;} #registrationForm .toDo {padding: 30px 0 0 20px; font-size: 28px; color: #6f6f6f;} #registrationForm .form {padding: 30px;} #registrationForm .person {position: relative; } #registrationForm .add-button, #registrationForm .person a {font-size: 16px; margin: -0.5em 0 1em 0;} #registrationForm .person a {margin: 0; position: absolute; right: 20px; top: 30px;} #registrationForm .person a:after {content: '\2716'; font-size: 30px; color: #1A92C4; vertical-align: middle; padding: 0 0 0 0.2em;} #registrationForm .add-button a:before {content: '\2795'; font-size: 30px; color: #1A92C4; vertical-align: middle; padding: 0 0.2em 0 0; } #registrationForm .notes {clear: both; padding: 30px; background: #F6F6F6; border-top: 1px solid #E6E6E6; color: #706d6d; font-size: 14px; } #registrationForm .notes p {margin: 0 0 1em 0;} #registrationForm .notes h3 {margin: 0 0 0.5em 0;} #registrationForm .currency {} #registrationForm .currency * {vertical-align: middle;} #registrationForm .currency .description{display: inline-block;} #registrationForm .currency .control{display: inline-block;} #registrationForm .currency .control br {display: none;} #registrationForm .currency .control label {margin: 0 0.5em; display: inline-block; min-width: 3em; cursor: pointer; vertical-align: middle; font-weight: bold; padding: 5px 8px; font-size: 18px; border: 1px solid #c5c5c5; border-radius: 3px; background-color: #f9f9f9; box-shadow: inset 0 2px 0 rgba(255,255,255,.75);} #registrationForm .currency .control input {vertical-align: middle; cursor: pointer; position: relative; top: -0.2em; margin: 0 0.6em 0 0;} .voucher-description {font-size: 13px; line-height: 1.3; margin: 0px 0 0 10px; color: #818181; } .regConditions {clear: both; padding: 30px; background: #F6F6F6; border-top: 1px solid #E6E6E6; color: #706d6d; font-size: 14px;} .regConditions p{font-size: 14px;} .group .regConditions { border: none; margin: 0 0 1.5em 0; border-radius: 6px; } #registrationForm .order-mode br, #registrationForm .company-mode br {display: none; } #registrationForm .order-mode label, #registrationForm .company-mode label {padding-right: 1em; } #registrationForm .order-mode .description {display: none;} #registrationForm #order-as {border-bottom: 0; margin-bottom: 0; padding-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #company-order, #person-order {border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } #registrationForm #invoiceData p {border-bottom: 1px solid #E6E6E6; color: #706D6D; font-size: 14px; line-height: 1.4; margin: 0 -16px 1em -24px; padding: 0 16px 1em 24px; } #comp-existing label {display: none;} #comp-new-bill {margin-top: 1em; } #flds-note textarea {width: 60%; height: 60px; } #registrationForm .reg-steps {background: #fff; font-size: 18px;} #registrationForm .reg-steps li {float: left; position: relative; vertical-align: middle; text-align: center; border-right: 1px solid #e9e9e9; background: #fff; color: #939393; padding: 16px 0; } #registrationForm .reg-steps li.current {background: #fff; font-weight: bold; color: #000;} #registrationForm .reg-steps li.done:before {content: '\2713'; } #registrationForm .reg-steps li.done .step {display: none;} #registrationForm .reg-steps li.last {border-right: none;} #registrationForm .reg-steps.steps-nn li {width: 49.8%;} #registrationForm .reg-steps.steps-nnn li {width: 33.2%;} #registrationForm .reg-steps li .step, #registrationForm .reg-steps li.done:before { background: #f3f3f3; margin: 0 0.5em 0 0; display: inline-block; border-radius: 50px; width: 1.5em; line-height: 1.5em; vertical-align: middle; height: 1.5em;} #registrationForm .reg-steps li.current .step {color: #000; background: #e8e8e8; display: inline-block; border-radius: 50px; width: 1.5em; line-height: 1.5em; vertical-align: middle; height: 1.5em;} #registrationForm .registrationSuccesful { background: #def2ac; color: #455910; border: 1px solid #b8d570; padding: 20px 20px 20px 60px; margin: 0 0 0 0; position: relative; } #registrationForm .registrationSuccesful:before { content: '\2713'; font-size: 40px; display: block; position: absolute; left: 20px; top: 5px; } #registrationForm .registrationSuccesful h2 { font-size: 18px; margin: 0 0 0.5em 0; } /*-------------------------------------------------------------------------------------------------- GOPAY --------------------------------------------------------------------------------------------------*/ .goPayLink {display: block; border-radius: 5px; margin: 1em 0 0 0; padding: 25px; background: #fff; text-align: center;} .goPayLink .form {line-height: 64px;} .goPayLink img {float: left; } .goPayLink .goPayTip {padding: 0 0 10px 0; } .goPayLink .button {float: none; display: inline-block;} .goPayLink table {width: 100%;} .goPayLink table th {display: none;} .goPayLink h2 {font-weight: normal; font-size: 22px; margin: 0 0 20px 0;} .goPayLink table, .goPayLink table * {display: inline;} .goPayLink.events {text-align: left; padding: 0 25px;} .goPayLink.events img {margin-top: 25px; } .goPayLink.events .col {float: left; min-height: 60px; padding: 28px 0 28px 25px; margin-left: 25px; border-left: 1px solid #dce3e5;} #registrationForm .goPayLink {margin: 0;} /*-------------------------------------------------------------------------------------------------- OPINIONS --------------------------------------------------------------------------------------------------*/ @font-face {font-family: 'icons_mobile'; src: url('/shared/font/icons_mobile.eot?ver=1.2'); src: url('/shared/font/icons_mobile.eot?#iefix-ver2') format('embedded-opentype'), url('/shared/font/icons_mobile.woff?ver=1.2') format('woff'), url('/shared/font/icons_mobile.ttf?ver=1.2') format('truetype'), url('/shared/font/icons_mobile.svg?ver=1.2#icons') format('svg'); font-weight: normal; font-style: normal; } .opinions-buttons a:before, #discussionList #newTopic:before,#discussionList .link-more a:before, .opinions-new a:before, a.opinion-odpovedet:before, .opinionButtons .button:before, .monitoringComponentArticle .ico:before {font-family: 'icons_mobile'} /*-------------------------------------------------------------------------------------------------- .opinionsSummary --------------------------------------------------------------------------------------------------*/ .opinionsSummary {clear: both; margin-bottom: 37px;} .opinionsSummary a{position: relative; text-decoration: none; font-size: 0; font-size: 14px; display: block; } .opinionsSummary a:hover {text-decoration: none;} .opinionsSummary span.count {display: inline-block; font-size: 14px; font-weight: 600; padding: 0.5em 0.8em 0.5em 12px; } /* icon */ .opinionsSummary .count:before {background-image: url(http://ii.iinfo.cz/r/comments.png); width: 16px; height: 16px; display: inline-block; content: ''; vertical-align: middle; margin-right: 0.4em; position: relative; top: 0.05em; } /* icon - unread comments */ .opinionsSummary.unread .count:before {background-position: center left; } /* icon - no comments */ .opinionsSummary.none .count:before {background-position: center right; } /* icon - no new comments */ .opinionsSummary.read .count:before {background-position: center center; } .opinionsSummary span.enter {display: inline-block; padding: 0 0.8em; } .opinionsSummary .lastOpinion {font-size: 12px; margin-top: 0.8em; } /*-------------------------------------------------------------------------------------------------- .comments --------------------------------------------------------------------------------------------------*/ /* Comments bubble */ .comments {position: absolute; right: 0; top: 0; } .comments {font-size: 12px;} .comments span.total, .comments span.new {display: inline; position: relative; } .comments span.new a:before, .comments span.total a:before {background-image: url(http://ii.iinfo.cz/r/comments.png); background-repeat: no-repeat; } .comments span.new a:before, .comments span.total a:before {background-position: center left; /* colors-> position = left 0 right */ content: ' '; width: 16px; height: 16px; display: inline-block; vertical-align: middle; position: relative; top: 1px; margin-right: 0.4em; } .comments span.total a:before {background-position: center 0; /* colors-> position = left 0 right */ } .comments.mark span.total a:before {display: none;} #opinionsListing .opinionsSummary {margin-bottom: 10px;} .p-opinions .opinionsSummary {display: none;} /* .opinions-buttons */ .opinions-buttons {margin: 10px 0 0 0; font-size: 15px;} .opinions-buttons a, #addComment .button {float: right; padding: 8px; line-height: 1; font-family: inherit; vertical-align: middle; cursor: pointer; border: none; font-size: 15px; margin: 0 0 0 6px;} .opinionsSummary a, .opinions-buttons a, #addComment .button,.opinionsSummary a:hover, .opinions-buttons a:hover, #addComment .button:hover {text-decoration: none;} .opinions-buttons a:before, .TitleList p.info a:before {display: inline-block; font-size: 18px; vertical-align: middle; padding: 0 0.4em 0 0;} .opinions-buttons a.opinions-show-all:before {content: '\e720'; } .opinions-buttons a.opinions-add:before{content: '\229e'; } .opinions-buttons input {float: left; margin: 4px 0 0 0; font-size: 11px;} /* .monitoringComponentArticle */ .monitoringComponentArticle {position: relative; font-size: 13px; margin: 10px 0 20px 0; } .monitoringComponentArticle .ico {margin: 0 0.4em 0 0; display: inline-block; vertical-align: middle; position: relative; top: -0.1em; } .monitoringComponentArticle .ico:before {content: '\e019'; font-size: 20px;} .monitoringComponentArticle .opinionsMonitor.active .ico {color: red; } .monitoringComponentArticle .highlight {margin: 0 0 10px 0;} .monitoringComponentArticle .activationNote {line-height: 1.3; font-size: 13px; margin: 4px 0 30px;} /* opinion rules */ #opinion-rules {padding: 0 0 0px 0; font-size: 13px; } #opinion-rules p {margin: 5px 0; line-height: 1.3em; font-size: 13px; } #opinion-rules ul {list-style-type: disc; padding: 0 2em; margin: 0 0 1em 0; } #opinion-rules ol {padding: 0 0 0 1.5em; margin: 0 0 1em 0; list-style-type: decimal; } #opinion-rules ul li {margin: 0 0 5px 0; } /* PAGE / Adding comments */ #addComment {padding: 20px; margin-bottom: 25px;} .commentingWhat {font-size: 16px; margin-bottom: 25px; line-height: 1.4;} #addComment table {font-size: 13px; border: none; margin: 0; line-height: 1.4; width: 100%; } #addComment td input.text, #addComment td textarea {border: 1px solid #b2bfce; background: #fff; padding: 8px; width: 96%; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 14px; border-radius: 3px; } #addComment td input.text:focus, #addComment td textarea:focus {border: 1px solid #0d4f9d;} #addComment td {padding: 6px 6px 6px 6px; vertical-align: top; background: none; border: none; } #addComment th {padding: 14px 6px 0 0; vertical-align: top; background: none; border: none; text-align: left; } #addComment label.required:after {content: " *"; } #addComment .button {padding: 8px 12px; background-image: none !important;} #commentPreview {margin: 0 0 30px 0;} /*-------------------------------------------------------------------------------------------------- OPINION VIEW --------------------------------------------------------------------------------------------------*/ .opinionsSubTitle, #opinionsSubTitle {display: none;} .opinion-view {border-top-width: 1px; border-top-style: solid; margin-bottom: 30px; padding: 8px 0 0 60px; position: relative; line-height: 1; } .opinion-view.new { border-top-width: 3px; border-top-style: solid; padding: 12px 10px 14px 70px; background-color: #fdf9eb; /* default color, might be changed locally */ margin-bottom: 20px; } .opinion-view .opinion-info .new {font-size: 12px; font-weight: bold; padding: 3px 7px 2px 7px; } .opinion-view .opinion-text h3.title {margin: 6px 0 3px 0px; font-size: 13px; line-height: 1.2; } .opinion-view .opinion-text .opinion-info {font-size: 13px; color: #788390; } .opinion-view .opinion-text .opinion-info strong {font-weight: normal;} .opinion-view .opinion-text .opinion-info a {font-weight: bold;} .opinion-text .date {font-size: 12px; } .opinion-view .opinion-text a.whole-tree { font-size: 11px; color: #788390; } .opinion-view .opinion-text h3.title a {color: #000; } .opinionButtons {position: relative; font-size: 14px; } .opinionButtons .button {margin: 0 1px 0 0; text-align: center; line-height: 1.4em; width: 1.4em; height: 1.4em; text-decoration: none; display: inline-block; float: left; vertical-align: middle; } .opinionButtons .button:before {position: relative;} .opinionButtons .button .alt, .button .imgPlaceholder {display: none;} .opinionButtons .down:before, .opinionButtons .down-voted:before {content: '\1f44e'; } .opinionButtons .up:before, .opinionButtons .up-voted:before {content: '\1f44d'; } .opinionButtons .monitor:before {content: '\e70a'; } .opinionButtons .spamReport:before {content: '\e0aa'; top: 1px;} .opinionButtons .button:hover .titleDisplay {display: block; } .opinionButtons .button .titleDisplay {display: none; position: absolute; left: 0; font-size: 13px; bottom: 150%; text-decoration: none; line-height: 18px;padding: 2px 4px; margin-bottom: 2px; } .opinion-view .opinion-text .text {margin: 6px 0 8px; line-height: 1.4; font-size: 14px; } .opinion-view .opinion-text a.opinion-odpovedet {display: block; float: right; font-size: 12px; font-weight: bold; padding: 0px 6px; text-decoration: none; text-align: center; position: relative; line-height: 25px; border-radius: 3px;} .opinion-view .opinion-text a.opinion-odpovedet:before {content: "\e712"; margin-right: 0.1em;} .opinion-view .avatar {width: 50px; padding: 0 0 3px 0; top: 8px; border-radius: 0 0 3px 3px; color: #9e9d9d; position: absolute; font-size: 11px; left: 0; text-align: center; } .new .avatar {left: 10px;} .opinion-view .avatar strong {font-weight: normal;} .opinion-view .avatar a {color: #9e9d9d; } .opinion-view .avatar img {display: block; margin: 0 auto 2px auto; } .opinion-view .edit-interface a {margin-right: 10px; } .opinion-view .opinion-text .opin-edited-info {border: 1px solid #FFB600; margin: 1em 0 0 0; padding: 0.5em; text-align: left; font-size: 13px; } .opinion-view .link-next-new {font-size: 11px; margin: 10px 0 0 0; text-align: right; } .opinion-view .link-next-new a {text-decoration: none; padding: .4em 0; margin-top: 0.5em; display: inline-block; font-weight: bold;} .opinion-view .link-next-new a .ico {display: none; } /* Opinion formatting */ .opinion-text code {font-family: monospace; font-size: 0.9em;} .opinion-text ol {list-style-type: decimal; margin: 1em 0 1em 0; } .opinion-text ol li {list-style-type: decimal; margin: 0 0 0 2em; padding: 0.2em 0 0.2em 0; } .opinion-text ul {list-style-type: decimal; margin: 1em 0 1em 0; } .opinion-text ul li {list-style-type: disc; margin: 0 0 0 1.5em; padding: 0.2em 0 0.2em 0; } .opinion-text p {margin: 0 0 1em 0; } .opinion-text pre {margin: 0.5em 0 1em 0; overflow: auto; font-size: 100%; width: 100%; max-height: 5em; border: 1px solid #d5d5d5; display: block; padding: 8px; } .opinion-text sub {font-size: 0.8em; position: relative; top: 0.2em; } .opinion-text sup {font-size: 0.8em; position: relative; top: -0.2em; } .opinion-text p.warning {border-left: 7px solid #D3011E; padding: 0 0 0 0.6em; color: #D3011E; } /*-------------------------------------------------------------------------------------------------- COMPONENTS --------------------------------------------------------------------------------------------------*/ /* loginRequired */ #loginRequired {text-align: center; padding: 20px; border: 1px solid #ded7c6; border-radius: 3px; background-color: #fff7e3; box-shadow: 0 1px 1px rgba(171,171,171,.25), inset 0 1px 0 #fdfdef; } #loginRequired p {font-size: 16px; margin: 0 0 0.5em 0; font-weight: bold; } #loginRequired a.lr-signin {line-height: 26px; display: inline-block; font-size: 17px; font-weight: bold; margin: 11px 0 0 1em; text-decoration: underline; } #loginRequired a.lr-login {border-radius: 4px; color: #000; cursor: pointer; display: inline-block; font-size: 17px; font-weight: bold; margin: 5px 0 0; padding: 8px 16px; border: 1px solid #eccc0e; box-shadow: 0 2px 0 #b49c0f, inset 0 1px 0 rgba(255,255,255,.4); background-image: -moz-linear-gradient(bottom, #ebcd0f 0%, #f9e329 100%); background-image: -o-linear-gradient(bottom, #ebcd0f 0%, #f9e329 100%); background-image: -webkit-linear-gradient(bottom, #ebcd0f 0%, #f9e329 100%); background-image: linear-gradient(bottom, #ebcd0f 0%, #f9e329 100%); } /* Adding links */ .opinions-new a {display: inline-block; font-size: 16px; vertical-align: middle;} .opinions-new a:before {content: '\229e'; position: relative; top: -2px; display: inline-block; font-size: 34px; margin: 0 0.2em 0 0; vertical-align: middle;} /* buttons */ .opinionsSummary a, .opinions-buttons a, #addComment .button {background: #C60; color: #fff;} .opinionsSummary a:hover, .opinions-buttons a:hover, #addComment .button:hover {background: #000; } /* opinions summary */ .opinionsSummary span.count {background: #fff; color: #6a6a6a; } .opinionsSummary.unread span.count {color: #cc6600;} .opinionsSummary.none span.count {color: #aaaaaa;} .opinionsSummary span.enter {color: #fff; } .opinionsSummary .lastOpinion {color: #828282; } /* Comments bubble */ .comments {top: 5px; float: right; position: static; } .comments span.total, .comments span.new {color: #666666;} .comments span.new a {color: #cc6600;} /* adding new comment container */ #addComment {background: #DFDFDF;} /* opinion view */ .opinion-view {border-top-color: #c8c4bd; border-top-width: 2px;} .opinion-view.new {border-top-color: #cf6500; background-color: #fff;} .opinion-view .opinion-info .new {background: #cf6500; color: #fff;} /* opinion buttons */ .opinionButtons:hover .button { background: #ebf3f6;} .opinionButtons .up-voted:before, .opinionButtons .down-voted:before {color: #222;} .opinionButtons .monitor.active, .opinionButtons .spamReport.marked{background: #cc6600; color: #fff;} .opinionButtons .button .titleDisplay {color: #222; background: #fff; } /* opinion reply button */ .opinion-view .opinion-odpovedet {background-color: #dcdbd8; color: #cf6500; box-shadow: 0 2px 0 #b6b5b5; } /* buttons */ .darkStyle .opinionsSummary a, .darkStyle .opinions-buttons a, .darkStyle #addComment .button {background: #AAC8F0; color: #000;} .darkStyle .opinionsSummary a:hover, .darkStyle .opinions-buttons a:hover, .darkStyle #addComment .button:hover {background: #000; color: #fff; } /* opinions summary */ .darkStyle .opinionsSummary span.count {background: #444; color: #fff; } .darkStyle .opinionsSummary.unread span.count {color: #AAC8F0;} .darkStyle .opinionsSummary.none span.count {color: #d0d0d0;} .darkStyle .opinionsSummary span.enter {color: #000; } .darkStyle .opinionsSummary a:hover span.enter {color: #fff; } .darkStyle .opinionsSummary .lastOpinion {color: #828282; } /* Comments bubble */ .darkStyle .comments span.total {color: #AAA;} .darkStyle .comments span.new a {color: #AAC8F0;} /* adding new comment container */ .darkStyle #addComment {background: #222;} /* opinion view */ .darkStyle .opinion-view {border-top-color: #444444;} .darkStyle .opinion-view.new {border-top-color: #AAC8F0; background-color: #4e4e4e;} .darkStyle .opinion-view .opinion-info .new {background: #AAC8F0; color: #000;} /* opinion buttons */ .darkStyle .opinionButtons:hover .button { background: #000; color: #fff;} .darkStyle .opinionButtons .up-voted:before, .darkStyle .opinionButtons .down-voted:before {color: #fff;} .darkStyle .opinionButtons .monitor.active, .darkStyle .opinionButtons .spamReport.marked{background: #aac8f0; color: #000;} .darkStyle .opinionButtons .button .titleDisplay {color: #fff; background: #000; } /* opinion reply button */ .darkStyle .opinion-view .opinion-odpovedet {background-color: #5d5d5d; color: #eaf9f9; box-shadow: 0 2px 0 #222; } /* icon */ .darkStyle .comments span.new a:before, .darkStyle .comments span.total a:before, .darkStyle .opinionsSummary .count:before {background-image: url(http://ii.iinfo.cz/r/d-comments.png); } .darkStyle .opinion-view .opinion-text h3.title a {color: #fff;} #subjectSearch label {margin-right: 1em;} /* subjectRating */ .subjectRating { margin: 0 0 12px 0; } .subjectRating h4 { font-size: 13px; width: 12em; float: left; } .subjectRating #rating { width: 10em; float: left; position: relative; top: -2px; font-size: 14px; white-space: nowrap; } .subjectRating span.ratingValue { padding: 0 0 0 8px; font-size: 12px; font-weight: bold; position: relative; top: -2px; } .subjectRating img { padding: 0 2px 0 2px; display: inline-block; vertical-align: bottom; } .subjectRating img.star { cursor: pointer;} /* Subjects */ #subjectCategories { margin: 1em 0 0 0; } #subjectCategories h2.heading { margin-right: -6px; } div#subjectsList.container { background: none; margin: 0; padding: 0; border: none; } /* Subjects */ /* Subject Products */ #products.subjectProducts { margin: 1em 0px 0 0; } #products.subjectProducts h4 { margin: 0 0 0.5em 0; font-size: 15px; border-bottom: 1px solid #eaeaea; padding: 0 0 1px 0; clear: both; color: #919191; } #products.subjectProducts ul { font-size: 13px; margin-bottom: 2em; } #products.subjectProducts ul li { padding: 2px 0 2px 0; } #products.subjectProducts ul li { width: 48%; margin: 0 12px 0 0; float: left; } #products.subjectProducts ul li ul li { width: 100%; float: none; } /* subjectsList */ #subjectsList { } #subjectsList { margin: 0 0 30px 0; } .subjectItem h4 { font-size: 15px; margin: 0 8em 3px 0; line-height: 1.3; } .subjectItem .rating { text-align: right; position: absolute; top: 6px; right: 8px; font-size: 13px; } .subjectItem .rating img{ display: inline-block; vertical-align: middle; margin-right: 0.4em; } .subjectItem .rating .ratingValue{ font-weight: bold; font-size: 11px; margin: 0 0 0 4px; position: relative; top: 2px; } .subjectItem { border: 1px solid #EBEBEB; padding: 8px 12px; margin: 0.5em 0 1em 0; position: relative; border-radius: 6px; } .subjectItem .corner {display: none;} .subjectItem ul.subLinks { } .subjectItem ul.subLinks li { display: inline; font-size: 13px; padding: 0 3px 0 0; } #subjectImg { display: block; margin: auto; } #subjectImgFrame { width: 200px; margin-top: 13px; float: right; background: white; } /* subjectRecentArticles */ #subjectRecentArticles { } #subjectRecentArticles .link-more { margin: 8px 0 0 0; } .s-col1 { width: 350px; float: left; margin: 0 20px 0 0; } .s-col2 { width: 237px; float: left; } /* subjectArticles */ .subjectArticles .container { margin-bottom: 2em; } .subjectArticles { padding-top: 1em; } /* subjectCategories */ #subjectCategories { margin: 30px 0; } #subjectCategories ul li { float: left; width: 48%; font-size: 14px; padding: 5px 0; position: relative; margin-right: 3%; } #subjectCategories ul li.lastCol { width: 49%; margin-right: 0%; } #subjectCategories li a span.itemCount { margin: 0 0 0 5px; color: #9f9f9f; text-decoration: none; display: inline-block; background: #eee; border-radius: 6px; padding: 4px; font-size: 11px; vertical-align: middle; } /* subjectPreferredProducts */ #subjectPreferredProducts { margin: 1em 0 2em 0; } #subjectPreferredProducts .link-more { margin: 13px 0 0 0; } #subjectPreferredProducts ul li { float: left; margin: 0 20px 5px 0; font-size: 14px; font-weight: bold; } /* Detail */ #subjectTitle { margin: 1em 0 0.5em 0; font-size: 16px; } #subjectData { margin: 0 0 0 0; } #subjectData table { font-size: 14px; margin-bottom: 25px; } #subjectData table.logoShown { width: 400px; float: left; } #dataLastCheck { font-size: 13px; text-align: right; margin: 10px 0 0 0; color: #686868; } .toBusinessSubject {margin-bottom: 25px;} .subjectItem { border: 1px solid #C1C0BF; border-radius: 0; } .pure-form { font-size: 16px; padding: 10px; } /*csslint outline-none:false*/ .pure-button { font-family: inherit; font-size: 100%; *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/ *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */ padding: 0.4em 1em; color: #444; /* rgba not supported (IE 8) */ color: rgba(0, 0, 0, 0.80); /* rgba supported */ *color: #444; /* IE 6 & 7 */ border: 1px solid #999; /*IE 6/7/8*/ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ background-color: #E6E6E6; text-decoration: none; border-radius: 2px; } .pure-button-hover, .pure-button:hover, .pure-button:focus { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10))); background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10)); background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); } .pure-button:focus { outline: 0; } .pure-button-active, .pure-button:active { box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset; } .pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active { border: none; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=40); -khtml-opacity: 0.40; -moz-opacity: 0.40; opacity: 0.40; cursor: not-allowed; box-shadow: none; } .pure-button-hidden { display: none; } /* Firefox: Get rid of the inner focus border */ .pure-button::-moz-focus-inner{ padding: 0; border: 0; } .pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { background-color: rgb(0, 120, 231); color: #fff; } .pure-button { /* Structure */ display: inline-block; *display: inline; /*IE 6/7*/ zoom: 1; line-height: normal; white-space: nowrap; vertical-align: baseline; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Firefox: Get rid of the inner focus border */ .pure-button::-moz-focus-inner { padding: 0; border: 0; } .pure-form input:not([type]), .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form select, .pure-form textarea { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; font-size: 0.8em; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pure-form input:not([type]):focus, .pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ border-color: #129FEA; } .pure-form input[type="file"]:focus, .pure-form input[type="radio"]:focus, .pure-form input[type="checkbox"]:focus { outline: thin dotted #333; outline: 1px auto #129FEA; } .pure-form .pure-checkbox, .pure-form .pure-radio { margin: 0.5em 0; display: block; } .pure-form input:not([type])[disabled], .pure-form input[type="text"][disabled], .pure-form input[type="password"][disabled], .pure-form input[type="email"][disabled], .pure-form input[type="url"][disabled], .pure-form input[type="date"][disabled], .pure-form input[type="month"][disabled], .pure-form input[type="time"][disabled], .pure-form input[type="datetime"][disabled], .pure-form input[type="datetime-local"][disabled], .pure-form input[type="week"][disabled], .pure-form input[type="number"][disabled], .pure-form input[type="search"][disabled], .pure-form input[type="tel"][disabled], .pure-form input[type="color"][disabled], .pure-form select[disabled], .pure-form textarea[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; } .pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] { background: #eee; /* menu hover bg color */ color: #777; /* menu text color */ border-color: #ccc; } .pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid { color: #b94a48; border: 1px solid #ee5f5b; } .pure-form input:focus:invalid:focus, .pure-form textarea:focus:invalid:focus, .pure-form select:focus:invalid:focus { border-color: #e9322d; } .pure-form input[type="file"]:focus:invalid:focus, .pure-form input[type="radio"]:focus:invalid:focus, .pure-form input[type="checkbox"]:focus:invalid:focus { outline-color: #e9322d; } .pure-form select { border: 1px solid #ccc; background-color: white; } .pure-form select[multiple] { height: auto; } .pure-form label { margin: 0.5em 0 0.2em; font-size: 90%; } .pure-form fieldset { margin: 0; padding: 0.35em 0 0.75em; border: 0; } .pure-form legend { display: block; width: 100%; padding: 0.3em 0; margin-bottom: 0.3em; font-size: 125%; color: #333; border-bottom: 1px solid #e5e5e5; } .pure-form-stacked input:not([type]), .pure-form-stacked input[type="text"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="week"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="color"], .pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea { display: block; margin: 0.25em 0; } .pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select, /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ .pure-form-aligned .pure-help-inline, .pure-form-message-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .pure-form-aligned textarea { vertical-align: top; } /* Aligned Forms */ .pure-form-aligned .pure-control-group { margin-bottom: 0.5em; } .pure-form-aligned .pure-control-group label { text-align: right; display: inline-block; vertical-align: middle; width: 10em; margin: 0 1em 0 0; } .pure-form-aligned .pure-controls { margin: 1.5em 0 0 10em; } /* Rounded Inputs */ .pure-form input.pure-input-rounded, .pure-form .pure-input-rounded { border-radius: 2em; padding: 0.5em 1em; } /* Grouped Inputs */ .pure-form .pure-group fieldset { margin-bottom: 10px; } .pure-form .pure-group input { display: block; padding: 10px; margin: 0; border-radius: 0; position: relative; top: -1px; } .pure-form .pure-group input:focus { z-index: 2; } .pure-form .pure-group input:first-child { top: 1px; border-radius: 4px 4px 0 0; } .pure-form .pure-group input:last-child { top: -2px; border-radius: 0 0 4px 4px; } .pure-form .pure-group button { margin: 0.35em 0; } .pure-form .pure-input-1 { width: 100%; } .pure-form .pure-input-2-3 { width: 66%; } .pure-form .pure-input-1-2 { width: 50%; } .pure-form .pure-input-1-3 { width: 33%; } .pure-form .pure-input-1-4 { width: 25%; } /* Inline help for forms */ /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ .pure-form .pure-help-inline, .pure-form-message-inline { display: inline-block; padding-left: 0.3em; color: #666; vertical-align: middle; font-size: 90%; } /* Block help for forms */ .pure-form-message { display: block; color: #666; font-size: 90%; } .pure-form { background: #DFDFDF; border-radius: 0px; } .pure-form .pure-button { background-color: #222; } /*-------------------------------------------------------------------------------------------------- INLINE GALLERY --------------------------------------------------------------------------------------------------*/ /* GALLERY FONT ICONS */ @font-face { font-family: 'icons_gallery'; src: url("/shared/font/icons_gallery.eot"); src: url("/shared/font/icons_gallery.eot?#iefix") format('embedded-opentype'), url("/shared/font/icons_gallery.woff") format('woff'), url("/shared/font/icons_gallery.ttf") format('truetype'), url("/shared/font/icons_gallery.svg#icons_gallery") format('svg'); font-weight: normal; font-style: normal; } .gallery ul a:before, .gallery .bigPhoto:before, .gallery a.next:after, #galleryTitlePageBox a.next:after { font-family: icons_gallery; } .gallery {position: relative; background: #2e2e2e url(http://i.iinfo.cz/sh/gallery/background.png); padding: 20px; margin: 2em 0; border-radius: 3px;} .gallery li, .gallery ul {list-style: none; list-style-type: none; margin: 0 !important; padding: 0;} .urs .gallery ul li {list-style: none !important; list-style-type: none !important;} .gallery a {position: relative; display: inline-block;} .gallery img {position: relative;} .gallery .bigPhoto {width: 100%;} .gallery .bigPhoto img {width: 100%; display: block; } .gallery .bigPhoto img, .gallery li a {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);} .gallery ul a:hover:before, .gallery .bigPhoto:hover:before {content: '\e750'; font-size: 60px; color: #fff; z-index: 10000; text-shadow: black 0.05em 0.05em 0.1em; width: 100%; height: 100%; text-align: center; line-height: 70px; position: absolute; top: 0; left: 0;} .gallery .bigPhoto:hover:before {bottom: 20px; left: auto; top: auto; right: 20px; width: 100px; height: 100px; font-size: 100px;} .gallery li, .urs .gallery li { float: left; margin: 14px 14px 0 0;} .gallery li a {width: 70px; white-space: nowrap; height: 70px; display: block; position: relative; overflow: hidden;} .gallery a.next{display: inline-block; text-decoration: none; height: 70px; line-height: 70px; font-size: 18px; color: #fff; padding: 0 20px; text-align: right; position: absolute; font-size: 20px; right: 20px; bottom: 20px;} .gallery a.next:after { content: '\e75e'; margin: 0 0 0 0.4em; font-size: 20px;} .gallery a.next:hover {background: #4a4a4a; color: #fff;} #ad-half-page { width: 314px; } /* Sklik pod článek */ #as-clanky .sklik-ads .sklik-ad, #as-clanky .sklik-ads .sklik-ad h2, #as-clanky .sklik-ads .sklik-ad a { color:#C60; }