/* general ======================================*/ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, section, article, nav, aside, footer, hgroup, figure, figcaption {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} input, select {margin: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #3f3f3f;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} li {list-style-type: none;} a {text-decoration: none; color: #3f3f3f;} a:hover, a:active, a:focus {text-decoration: underline; color: #000;} a.alt, .alt a {text-decoration: underline;} .alt a:hover, .alt a:active, .alt a:focus, a.alt:hover, a.alt:active, a.alt:focus {text-decoration: none;} a.ext {background: url("img/footer-ext.gif") 100% 3px no-repeat; padding: 0 10px 0 0;} a.noext {background: none !important; padding-right: 0 !important;} a img {border: none;} strong, b {font-weight: bold;} em, i {font-style: italic;} h1, h2, h3, h4 {font-weight: normal;} header, section, article, nav, aside, footer, hgroup, figure, figcaption {display: block;} @font-face { font-family: 'nimbus sans'; src: url('nimbussan-bol-webfont.eot'); src: local('☺'), url('nimbussan-bol-webfont.woff') format('woff'), url('nimbussan-bol-webfont.ttf') format('truetype'), url('nimbussan-bol-webfont.svg#webfontfIHYOZeu') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'nimbus sans'; src: url('nimbussan-reg-webfont.eot'); src: local('☺'), url('nimbussan-reg-webfont.woff') format('woff'), url('nimbussan-reg-webfont.ttf') format('truetype'), url('nimbussan-reg-webfont.svg#webfontOvoINPbF') format('svg'); font-weight: normal; font-style: normal; } /* abstract ======================================*/ .fl {float: left;} .fr {float: right;} .clr {clear: both;} .cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;} .tl {text-align: left;} .tr {text-align: right;} .tc {text-align: center;} .hand {cursor: hand; cursor: pointer;} .a-hidden, .a-hidden-p {position: absolute; top: -10000em;} /* universal ======================================*/ .wrapper1 {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} .wrapper2 {background: url("img/sub2.gif") repeat-x; min-height: 300px; padding: 32px 0 0;} .wrapper1 .heading {margin-top: 0;} .wrapper2 .heading {margin: 0 0 50px;} header.heading {border-bottom: 1px solid #c5c5c5; width: 100%; margin: 47px 0 17px; font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px; font-size: 36px; line-height: 1;} header.heading h1, header.heading h2, header.heading h3 {background: #fff; position: relative; top: 20px; display: inline; padding: 0 20px 0 0;} .dna {background: url("img/dna-categories.png") no-repeat; position: absolute; right: 0; top: 33px; width: 157px; overflow: hidden;} .dna-design {height: 161px;} .dna-development {background-position: 0 -161px; height: 117px;} .dna-business {background-position: 0 -278px; top: 31px; height: 92px;} .dna-agile {background-position: 0 -370px; top: 35px; height: 72px;} .button { border: 0; background: #64971a; background: -webkit-gradient(linear, left top, left bottom, from(#71a90f), to(#5b8c21)); background: -moz-linear-gradient(top, #71a90f, #5b8c21); display: inline-block; width: 70px; height: 30px; padding: 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; color: #fff; } .button:hover, .button:active, .button:focus {background: #000; text-decoration: none; color: #fff;} noscript.warn p.tip {margin: 0 auto 30px;} noscript.warn p.tip span {background: url("img/ico-warn.png") no-repeat; padding: 2px 0 3px 35px;} .tabs {background: #f2f2f2; padding: 61px 0 0;} .tabs li {display: inline;} .tabs a {border-top: 2px solid #a6a6a6; float: left; width: 216px; margin: 0 32px 0 0; padding: 13px 0 10px; text-align: center; text-decoration: none; font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px; font-size: 24px; color: #8b8b8b;} .tabs a.active {border-color: #3f3f3f; background: #fff !important; font-weight: normal; color: #3f3f3f;} .tabs a span {font-size: 18px;} .tabs a:hover, .tabs a:focus, .tabs a:active {border-color: #3f3f3f; background: #f9f9f9; color: #3f3f3f; text-decoration: none;} #tabs-speakers a.active#tab-design {border-color: #eb008b; color: #eb008b;} #tabs-speakers a.active#tab-development {border-color: #f16521; color: #f16521;} #tabs-speakers a.active#tab-business {border-color: #007dc4; color: #007dc4;} #tabs-speakers a.active#tab-agile {border-color: #a0cc3a; color: #a0cc3a;} .tabs li.last a {margin-right: 0;} /* structure ======================================*/ body {background: #fff url("img/theme-sub.png") 50% 0 no-repeat; font: 14px/1.45 arial, helvetica, sans-serif; min-width: 1000px; text-align: left; color: #3f3f3f; text-rendering: optimizeLegibility;} body#home {background-image: url("img/theme-hp.png");} #jump {display: inline;} #jump li {display: inline;} #jump a {position: absolute; top: -10000em; left: 0; display: block; width: 100%; overflow: hidden; padding: 10px 0 8px; text-align: center; text-decoration: none; font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px; font-size: 24px; color: white;} #jump a:hover, #jump a:active, #jump a:focus {background: #1caeae url("img/reg-pat.gif"); top: 0; z-index: 9;} .inner-container {position: relative; width: 960px; margin: 0 auto; padding: 0 20px;} /* Header --------------------------------------*/ #header {font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px;} #header h1 {position: absolute; z-index: 2; right: 190px;} /* DEFAULT #home #header h1 {top: 119px; right: 172px;}*/ #home #header h1 {top: 0px; left: 700px; right: auto;} #home #header h1.teaser {top: 99px;} #header hgroup h2 {background: #ffcb08 url("img/theme-sub.png") -1020px 0 no-repeat; width: 745px; height: 50px; padding: 19px 0 0; font-size: 24px;} #home #header hgroup h2 {background-image: url("img/theme-hp.png");} #header a#lang {border: 1px solid #cbcbcb; background: url("img/lang.gif") 5px 40% no-repeat; position: absolute; right: 79px; top: 23px; padding: 6px 4px 1px 18px; line-height: 1; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; letter-spacing: 0; color: #909090;} #home #header a#lang {right: auto; left: 810px;} #header a#lang:hover, #header a#lang:focus, #header a#lang:active {border-color: #000;} #votvirak, #header #teaser {position: absolute; z-index: 1; left: 20px; top: 69px; display: block; width: 960px; height: 452px; overflow: hidden; letter-spacing: 0; color: #fff;} #votvirak-in figure.holder {width: 960px; height: 452px !important; overflow: hidden;} #votvirak img.theme {display: block;} #votvirak .location {position: absolute; left: 30px; top: 28px; font-size: 18px; font-weight: normal; text-shadow: rgba(0, 0, 0, 0.39) 1px 1px 0;} #votvirak .zoom {position: absolute; left: 30px; bottom: 30px; } #votvirak .zoom figcaption {margin: 0 0 5px; line-height: 1;} #votvirak .zoom figcaption strong {display: block;} #votvirak .zoom figcaption .desc {display: none;} #votvirak .zoom figcaption.detail {background: #fff; position: absolute; padding: 18px 20px 13px; line-height: 1.3; color: #3f3f3f;} #votvirak .zoom figcaption.detail strong {display: inline; color: #1caeae;} #votvirak .zoom figcaption.detail .desc {display: block;} #votvirak .zoom div {position: relative; width: 208px; height: 103px; overflow: hidden;} #votvirak .zoom img {position: absolute; left: 0; top: 0; display: block;} #votvirak .tag {background: url("img/theme-tag.png") 100% -34px no-repeat; position: absolute; display: block; height: 27px; padding: 7px 6px 0 4px; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3f3f3f;} #votvirak .tagl {padding-right: 10px;} #votvirak .tagr {background-position: 0 0; padding-left: 11px;} #votvirak .tag span {background: url("img/theme-tag.png") 0 -34px no-repeat; position: absolute; top: 0; display: block; width: 14px; height: 34px; overflow: hidden;} #votvirak .tagl span {left: -14px;} #votvirak .tagr span {background-position: 100% 0; right: -14px;} /* non-js skryti */ #votvirak #marek, #votvirak #eliska, #votvirak #petradam {display: none;} /* Dusan */ #votvirak #dusan .tag1 {right: 97px; top: 71px;} #votvirak #dusan .tag2 {left: 651px; bottom: 161px;} #votvirak #dusan .tag3 {right: 565px; bottom: 35px;} #votvirak #dusan figure.zoom figcaption.detail {bottom: 49px; left: 535px; width: 272px;} /* Marek */ #votvirak #marek .tag1 {left: 139px; top: 195px;} #votvirak #marek .tag2 {right: 451px; top: 187px;} #votvirak #marek figure.zoom figcaption.detail {bottom: 111px; left: 559px; width: 291px;} /* Eliska */ #votvirak #eliska .tag1 {right: 737px; top: 71px;} #votvirak #eliska .tag2 {left: 539px; bottom: 98px;} #votvirak #eliska figure.zoom figcaption.detail {bottom: 99px; left: 445px; width: 274px;} /* Petr a Adam */ #votvirak #petradam figure.zoom figcaption span.second {position: absolute; display: block; right: 0; top: 0;} #votvirak #petradam figure.zoom figcaption span.second strong span {display: none;} #votvirak #petradam figure.zoom figcaption.detail span.second {position: static; display: inline;} #votvirak #petradam figure.zoom figcaption.detail span.second strong span {display: inline;} #votvirak #petradam .tag1 {left: 524px; bottom: 177px;} #votvirak #petradam .tag2 {right: 131px; bottom: 114px;} #votvirak #petradam figure.zoom figcaption.detail {bottom: 48px; left: 534px; width: 304px;} #votvirak-nav {position: absolute; z-index: 10; left: 460px; bottom: 10px;} #votvirak-nav a {background: url("img/votvirak-nav.png") no-repeat; float: left; width: 10px; height: 10px; overflow: hidden; margin: 0 5px 0 0; text-indent: -10000em; color: transparent;} #votvirak-nav a.activeSlide {background-position: 100% 0;} /* conference in progress - stream teaser */ #header #teaser {background: #1c1c1c url("img/teaser.jpg") no-repeat; text-align: center;} #header #teaser a {color: #fff;} #header #teaser h2, #header #teaser h3 {position: absolute; left: 128px; top: 76px; width: 408px; text-transform: uppercase; font-weight: bold; font-size: 42px; line-height: 1;} #header #teaser h2 .rec {background: url("img/rec.png") no-repeat; display: inline-block; width: 19px; height: 23px; overflow: hidden; margin: 0 -10px;} #header #teaser h3 {top: 119px; text-transform: none; font-size: 18px;} #header #teaser .hall {background: url("img/playfigure.png") no-repeat; position: absolute; left: 127px; top: 189px; width: 176px; padding: 0 7px 0 1px;} #header #teaser .development {left: 360px;} #header #teaser .hall a {text-decoration: none !important;} #header #teaser .hall .thumb {position: relative; width: 176px; height: 110px; overflow: hidden;} #header #teaser .hall .thumb img {display: block;} #header #teaser .hall .thumb span {background: url("img/playstream.png"); position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;} #header #teaser .development a .thumb span {background-position: -176px 0;} #header #teaser .design a:hover .thumb span, #header #teaser .design a:focus .thumb span, #header #teaser .design a:active .thumb span {background-position: 0 -110px ;} #header #teaser .development a:hover .thumb span, #header #teaser .development a:hover .thumb span, #header #teaser .development a:active .thumb span {background-position: -176px -110px;} #header #teaser .hall h4 {margin: 14px 0 0; font-size: 16px; line-height: 1;} #header #teaser .design h4 span {color: #eb008b;} #header #teaser .development h4 span {color: #f16520;} #header #teaser a#getair {background: url("img/getair.png") 0 50% no-repeat; position: absolute; left: 200px; top: 380px; display: block; padding: 3px 0 0 40px; text-align: left; font-size: 12px; line-height: .9;} #header #teaser a#getair span {font-size: 18px;} #header #user-box {position: absolute; left: 830px; top: 19px; width: 111px; padding: 1px 0 0 39px; font-size: 12px; font-family: arial, helvetica, sans-serif; letter-spacing: 0; line-height: 1.2;} #header #user-box img {position: absolute; left: 0; top: 0; width: 30px; height: 30px;} #header #user-box strong {display: block;} #header #user-box a.bye {font-size: 11px;} #header nav {background: #ffcb08 url("img/theme-sub.png") -1020px -69px no-repeat; width: 745px; height: 99px; font-size: 24px;} #home #header nav {background-image: url("img/theme-hp.png"); background-position: -1020px -521px; margin: 452px 0 0;} #header nav ul {width: 745px; height: 99px;} .sub #header nav ul {position: relative; left: -29px;} #header nav ul li {display: inline;} #header nav ul a, #header nav ul strong {float: left; height: 53px; padding-top: 24px; text-align: center; text-decoration: none; color: #3f3f3f;} #header nav ul a.active, #header nav ul strong, #header nav ul a:hover, #header nav ul a:focus, #header nav ul a:active {background: #3f3f3f url("img/nav-hover.png") 0 77px no-repeat; height: 75px; font-weight: normal; color: #f2f2f2;} /* nav cs */ #header nav ul #nav-home a {width: 105px;} #header nav ul #nav-location a {width: 107px;} #header nav ul #nav-speakers a {width: 157px;} #header nav ul #nav-program a {width: 134px;} #header nav ul #nav-program .wrap {position: relative; display: inline-block;} #header nav ul #nav-program .in {position: absolute; right: -1px; bottom: -5px; font-size: 12px; color: #7a6a2e;} #header nav ul #nav-partners a {width: 128px;} #header nav ul #nav-registration a, #header nav ul #nav-registration strong {background: #1caeae url("img/reg-pat.gif") 0 -1px; position: absolute; right: 20px; bottom: 22px; width: 172px; padding-left: 43px; padding-right: 0; text-align: left; color: #fff;} .sub #header nav ul #nav-registration a, .sub #header nav ul #nav-registration strong {right: -244px; top: 0;} #header nav ul #nav-registration .wrap {position: relative; display: inline-block; padding: 0 30px 0 0;} #header nav ul #nav-registration .in {background: url("img/reg-arrow.png") 0 -18px; position: absolute; right: 0; top: 7px; display: block; width: 20px; height: 18px; overflow: hidden;} #header nav ul #nav-registration strong .in {background-position: 0 -36px; height: 20px;} #header nav ul #nav-home a.active, #header nav ul #nav-home a:hover, #header nav ul #nav-home a:focus, #header nav ul #nav-home a:active {} #header nav ul #nav-location a.active, #header nav ul #nav-location a:hover, #header nav ul #nav-location a:focus, #header nav ul #nav-location a:active {background-position: -105px 77px;} #header nav ul #nav-speakers a.active, #header nav ul #nav-speakers a:hover, #header nav ul #nav-speakers a:focus, #header nav ul #nav-speakers a:active {background-position: -212px 77px;} #header nav ul #nav-program a.active, #header nav ul #nav-program a:hover, #header nav ul #nav-program a:focus, #header nav ul #nav-program a:active {background-position: -369px 77px;} #header nav ul #nav-program a.active .in, #header nav ul #nav-program a:hover .in, #header nav ul #nav-program a:focus .in, #header nav ul #nav-program a:active .in {color: #cecece;} #header nav ul #nav-partners a.active, #header nav ul #nav-partners a:hover, #header nav ul #nav-partners a:focus, #header nav ul #nav-partners a:active {background-position: -503px 77px;} #header nav ul #nav-registration strong, #header nav ul #nav-registration a:hover, #header nav ul #nav-registration a:focus, #header nav ul #nav-registration a:active {background: #3f3f3f; height: 53px;} #header nav ul #nav-registration a:hover .in, #header nav ul #nav-registration a:focus .in, #header nav ul #nav-registration a:active .in {background-position: 0 0;} #header nav ul #nav-registration strong .wrap {background: url("img/reg-steps.png") 0 0 no-repeat; position: relative; left: 17px; top: 3px; width: 96px; height: 24px; padding: 0; overflow: hidden; text-indent: -10000em;} #header nav ul #nav-registration strong .wrap .in {display: none;} #header nav ul #nav-registration.obj .wrap {background-position: 0 -24px;} #header nav ul #nav-registration.completed .wrap {background-position: 0 -48px;} #header nav ul #nav-registration.done .wrap {background-position: 0 -72px;} /* nav en */ .en #header nav ul #nav-home a {width: 112px;} .en #header nav ul #nav-location a {width: 136px;} .en #header nav ul #nav-speakers a {width: 146px;} .en #header nav ul #nav-program a {width: 135px;} .en #header nav ul #nav-program .in {right: -7px;} .en #header nav ul #nav-partners a {width: 137px;} .en #header nav ul #nav-home a.active, .en #header nav ul #nav-home a:hover, .en #header nav ul #nav-home a:focus, .en #header nav ul #nav-home a:active {background-position: -631px 77px;} .en #header nav ul #nav-location a.active, .en #header nav ul #nav-location a:hover, .en #header nav ul #nav-location a:focus, .en #header nav ul #nav-location a:active {background-position: -743px 77px;} .en #header nav ul #nav-speakers a.active, .en #header nav ul #nav-speakers a:hover, .en #header nav ul #nav-speakers a:focus, .en #header nav ul #nav-speakers a:active {background-position: -879px 77px;} .en #header nav ul #nav-program a.active, .en #header nav ul #nav-program a:hover, .en #header nav ul #nav-program a:focus, .en #header nav ul #nav-program a:active {background-position: -1025px 77px;} .en #header nav ul #nav-partners a.active, .en #header nav ul #nav-partners a:hover, .en #header nav ul #nav-partners a:focus, .en #header nav ul #nav-partners a:active {background-position: -1160px 77px;} /* Homepage = #home --------------------------------------*/ #theshow {margin: 0 0 79px;} #theshow header.heading h2 {background: #f2f2f2;} #theshow .talks {position: relative; float: left; width: 216px; min-height: 400px; margin: 0 32px 0 0;} #theshow .talks header {margin: 0 0 37px; font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px;} #theshow .talks header h3 {padding: 0 21px 0 0; text-align: right; font-size: 24px;} #theshow .talks article {margin: 32px 0 0;} #theshow .talks article .thumb {position: relative; display: block; width: 195px; height: 153px; overflow: hidden;} #theshow .talks article .thumb .arrow {background: url("img/arrow-speaker.png") no-repeat; position: absolute; z-index: 2; left: 24px; bottom: 0; display: block; width: 17px; height: 17px; overflow: hidden;} .hover .overlay {background: #000; opacity: .2; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; overflow: hidden;} #theshow .talks article img {border-top: 2px solid; position: relative; z-index: 1; display: block;} #theshow .talks article.hover img {border-color: #000 !important;} #theshow .talks article hgroup {margin: 8px 0 0;} #theshow .talks article h4 {line-height: 1.1; font-size: 16px; font-weight: bold;} #theshow .talks article h4 a {text-decoration: underline;} #theshow .talks article h4 a:hover, #theshow .talks article h4 a:focus, #theshow .talks article h4 a:active, #theshow .talks article.hover h4 a {text-decoration: none; color: #000 !important;} #theshow .talks article h5 {padding: 2px 0 1px; font-size: 12px; font-weight: bold; line-height: 1.25;} #theshow #show-design {margin-top: 36px;} #theshow #show-design h3, #theshow #show-design h3 a, #theshow #show-design h4, #theshow #show-design article a {color: #eb008b;} #theshow #show-design article img {border-color: #eb008b;} #theshow #show-development {margin-top: 66px;} #theshow #show-development h3, #theshow #show-development h3 a, #theshow #show-development h4, #theshow #show-development article a {color: #f16521;} #theshow #show-development article img {border-color: #f16521;} #theshow #show-business {margin-top: 26px;} #theshow #show-business h3, #theshow #show-business h3 a, #theshow #show-business h4, #theshow #show-business article a {color: #007dc4;} #theshow #show-business article img {border-color: #007dc4;} #theshow #show-agile {margin-top: 46px; margin-right: 0;} #theshow #show-agile h3, #theshow #show-agile h3 a, #theshow #show-agile h4, #theshow #show-agile article a {color: #a0cc3a;} #theshow #show-agile article img {border-color: #a0cc3a;} #theshow .networking {border-top: 1px solid #c5c5c5; float: left; width: 464px; min-height: 150px; margin: 51px 0 0; padding: 70px 0 0;} #theshow .actions {border-top: 0; padding-top: 9px;} #theshow #warmup, #theshow #workshops {padding-right: 32px;} #theshow .networking img {float: left; margin: 5px 0 0;} #theshow .networking h3 {margin: 3px 0 4px 206px; line-height: 1.2; font-size: 18px; font-weight: bold;} #theshow .hover h3 a {text-decoration: underline; color: #000;} #theshow .networking p, #theshow .networking ul {margin: 0 0 4px 206px;} #theshow #startups img {margin-left: 11px;} #prague {margin: -2px 0 62px;} #prague .heading {margin: 0 0 57px;} #prague img {border: 1px solid #c5c5c5; background: #fff; float: right; margin: 0 0 0 32px; padding: 4px;} #prague p {margin: -5px 0 0;} #registration {padding: 0 0 7px;} #registration header {margin: 0 0 57px;} #registration .inner {background: #ffcb08 url("img/yellow-pat.gif"); background: #ffcb08 url("img/reg-theme.png") 100% 0 no-repeat; float: left; width: 744px; min-height: 218px; padding: 0 0 33px;} #registration .inner div.desc {float: left; width: 364px; padding: 26px 0 0 30px;} #registration .inner p strong, #registration .inner h3 {line-height: 1.1; font-size: 18px; font-weight: bold;} #registration .inner ul {margin: 20px 0 0;} #registration .inner ul li {background: url("img/reg-bullet.gif") 7px 2px no-repeat; margin: 10px 0 0; padding: 0 0 0 30px; font-weight: bold;} #registration .inner div.price {float: left; width: 145px; margin: 0 0 0 15px; text-align: center; font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px; line-height: 1;} #registration .inner div.price h4 {background: url("img/reg-price-arrow.png") 0 100% no-repeat; width: 105px; margin: 0 auto 27px; padding: 23px 0 36px; font-size: 24px; font-weight: normal; color: #fff;} #registration .inner div.price strong {position: relative; display: inline-block; font-size: 31px;} #registration .inner div.price span {display: block; margin: -1px 0 5px; font-size: 13px;} #registration .inner div.price small {font-size: 13px;} #registration #registration-cta {float: right; width: 216px; font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px;} #registration #registration-cta a.reg {background: #1caeae url("img/reg-pat.gif"); display: block; height: 53px; padding: 24px 0 0 43px; text-decoration: none; font-size: 24px; color: #fff;} #registration #registration-cta a.reg .wrap {position: relative; display: inline-block; padding: 0 30px 0 0;} #registration #registration-cta a.reg .in {background: url("img/reg-arrow.png") 0 -18px; position: absolute; right: 0; top: 7px; display: block; width: 20px; height: 18px; overflow: hidden;} #registration #registration-cta a.reg:hover, #registration #registration-cta a.reg:focus, #registration #registration-cta a.reg:active {background: #3f3f3f; height: 53px;} #registration #registration-cta a.reg:hover .in, #registration #registration-cta a.reg:focus .in, #registration #registration-cta a.reg:active .in {background-position: 0 0;} #registration #registration-cta ul {padding: 21px 0 0; text-align: center; font-size: 18px; line-height: 1;} #registration #registration-cta ul li {margin: 0 0 17px;} #registration #registration-cta ul span {position: relative; top: -6px;} #registration #registration-cta ul strong {display: block; font-size: 48px;} #registration #registration-cta ul strong a:hover, #registration #registration-cta ul strong a:focus, #registration #registration-cta ul strong a:active, #registration #registration-cta ul strong a.hover {text-decoration: none; color: #000;} #registration #registration-cta ul span a.hover {text-decoration: none; color: #000;} #benefits ul {background: url("img/benefits.jpg") 41px 78px no-repeat; padding: 248px 0 80px;} #benefits ul li {float: left; width: 248px; margin: 0 108px 0 0; text-align: center;} #benefits ul li#meal {margin: 0;} #benefits ul li strong {display: block; margin: 0 0 7px; line-height: 1.15; font-size: 18px; font-weight: bold;} #benefits ul li br {display: none;} #comeprague .desc {width: 454px; padding: 30px 0 50px 0; float: left;} #comeprague .desc ul {margin: 30px 0 15px 0;} #comeprague .desc ul li {display: block; float: left; padding: 0 50px 0 0; font-size: 15px; font-weight:bold; text-align: center;} #comeprague .desc ul li img {margin-top: 10px;} #comeprague .img {float: right; padding: 30px 0 0 0;} #comeprague .img img {border: 1px solid #C5C5C5; padding: 3px;} #nwslttr {} #nwslttr .inner-container {padding: 0 0 55px;} #nwslttr form {padding: 30px 0 0;} #nwslttr input[type=text] {width: ;} #nwslttr p {clear: both; margin: 0 0 15px;} #hp-main-partners {text-align: center;} #hp-main-partners header {margin: 0 0 49px; text-align: left;} #hp-main-partners img {margin: 0 58px;} #hp-main-partners #microsoft {position: relative; top: -26px;} #hp-partners section {float: left; width: 444px;} #hp-partners section:first-child {margin-right: 72px;} #hp-partners section header {margin: 38px 0 58px; font-size: 24px;} #hp-partners #hp-partners-medialni header {margin-bottom: 53px;} #hp-partners section .col:last-child {margin: 0;} #hp-partners img {float: left; margin: 0 0 35px;} #hp-partners-medialni img {margin-bottom: 26px;} #hp-partners #adobe {margin-right: 70px;} #hp-partners #outcomm {margin-right: 70px;} #hp-partners #barton {margin-right: 33px;} #hp-partners #jic {margin-right: 36px;} #hp-partners #pixmac {margin-right: 40px;} #hp-partners #winstrom {margin-right: 40px;} #hp-partners #miton {margin-top: -7px;} #hp-partners #refresh {margin-top: -7px; margin-left: 74px;} #hp-partners #aol {margin-top: -13px; margin-left: 63px;} #hp-partners #zdrojak {margin-right: 51px;} #hp-partners #lupa {margin-right: 49px;} #hp-partners #pravdask {margin-right: 72px;} #hp-partners #agilnik {margin: -5px 72px 16px 0;} #hp-partners #fch {margin: -5px 0 21px;} #hp-partners #scrumall {margin: 12px 48px 0 43px;} #hp-partners #ugd {margin-top: 11px;} /* Program --------------------------------------*/ #program {background: url("img/program-heading.png") 0 56px repeat-x;} #program table {table-layout: fixed;} #program table thead {} #program table thead th {width: 168px; padding: 45px 30px 42px 0; line-height: 1.2;} #program table thead th:nth-child(5) {padding-right: 0;} #program table thead th strong {font-size: 18px;} #program table thead th span {background: url("img/program-rooms.png") 0 100% no-repeat; display: block; width: 168px; padding: 0 0 35px;} #program table thead th:nth-child(2) span {background-position: -168px 100%;} #program table thead th:nth-child(3) span {background-position: -336px 100%;} #program table thead th:nth-child(4) span {background-position: -504px 100%;} #program table thead th:nth-child(5) span {background-position: -672px 100%;} #program #my-program {position: absolute; z-index: 1; top: 218px; right: 20px; width: 200px;} #program #my-program a { /*background: #505050 url("img/myprogram.png");*/ background: #393939; background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#393939)); background: -moz-linear-gradient(top, #505050, #393939); position: absolute; top: 0; display: block; padding: 10px 17px 9px 46px; font-size: 18px; font-size: 18px; font-weight: bold; color: #fff; white-space: nowrap; } #program #my-program a:hover, #program #my-program a:focus, #program #my-program a:active {background: #000; text-decoration: none;} #program #my-program a span {background: url("img/myprograms.png") no-repeat; position: absolute; left: 12px; top: 9px; display: block; width: 25px; height: 24px; overflow: hidden;} #program #my-program a.login {color: #ddd;} #program #my-program a.login span {background-position: 0 -24px;} #program #my-program a.fixed {position: fixed; top: 0;} #program table tbody td.start {padding: 53px 0 0; line-height: 1.15; text-align: center;} #program table tbody td.start h2 {display: block; font-size: 30px; font-weight: bold;} #program table tbody td.start p {font-size: 18px; color: #c5c5c5;} #program table tbody tr.time td {padding: 40px 0 55px; line-height: 1; text-align: center; font-size: 30px; color: #c5c5c5;} #program table tbody tr.time td h2 {border-bottom: 1px solid #c5c5c5;} #program table tbody tr.time td span {background: #fff; position: relative; top: 15px; padding: 0 27px; font-weight: bold;} #program table tbody tr.talks {} #program table tbody tr.talks td {padding: 0 30px 28px 0; line-height: 1.25;} #program table tbody tr.talks td:nth-child(5) {padding-right: 0;} #program table tbody tr.talks td a {text-decoration: none; color: #3f3f3f} #program table tbody tr.talks td hgroup {display: inline;} #program table tbody tr.talks td hgroup * {font-weight: bold;} #program table tbody tr.talks td:nth-child(1) h3, #program table tbody tr.talks td:nth-child(1) h3 a, #program table tbody tr.talks td:nth-child(1) ul {color: #eb008b;} #program table tbody tr.talks td:nth-child(2) h3, #program table tbody tr.talks td:nth-child(2) h3 a, #program table tbody tr.talks td:nth-child(2) ul {color: #f16521;} #program table tbody tr.talks td:nth-child(3) h3, #program table tbody tr.talks td:nth-child(3) h3 a, #program table tbody tr.talks td:nth-child(3) ul {color: #007dc4;} #program table tbody tr.talks td:nth-child(4) h3, #program table tbody tr.talks td:nth-child(4) h3 a, #program table tbody tr.talks td:nth-child(4) ul {color: #a0cc3a;} #program table tbody tr.talks td:nth-child(5) h3, #program table tbody tr.talks td:nth-child(5) h3 a, #program table tbody tr.talks td:nth-child(5) ul {color: #ed9421;} #program table tbody tr.talks td h3.panel {text-transform: uppercase; font-size: 11px; font-weight: normal;} #program table tbody tr.talks td h3 {font-weight: bold;} #program table tbody tr.talks td h3 a {} #program table tbody tr.talks td h4 {margin: 0 0 8px; color: #3f3f3f;} #program table tbody tr.talks td h4 a {text-decoration: underline;} #program table tbody tr.talks td h4 a:hover, #program table tbody tr.talks td h4 a:focus, #program table tbody tr.talks td h4 a:active, #program table tbody tr.talks td h4 a.hover {text-decoration: none; color: #000;} #program table tbody tr.talks td em {display: block; font-family: georgia, times, serif; font-size: 12px;} #program table tbody tr.talks td p {margin: 9px 0 13px; font-size: 11px; color: #8b8b8b;} #program table tbody tr.talks td ul {margin: 7px 0 0; font-weight: bold;} #program table tbody tr.talks td iframe {border: 0; position: relative; top: 3px;} #program table tbody tr.talks td .followed-by {clear: both; color: #8B8B8B; display: block; font-size: 11px; padding: 10px 0;} #program table tbody tr.talks td .talk .star-wrap {float: left; width: 23px; height: 24px; overflow: hidden; margin: 0 10px 0 0;} #program table tbody tr.talks td .talk a.star {position: relative; display: block; width: 23px; height: 24px; overflow: hidden; font-size: 12px; line-height: 1;} #program table tbody tr.talks td .talk a.star .ir {background: url("img/star-s.png");} #program table tbody tr.talks td .talk a.star:hover .ir, #program table tbody tr.talks td .faved a.star .ir {background-position: 0 -24px;} #program table tbody tr#lunch td {background: url("img/program-lunch.png") 0 3px no-repeat; padding: 5px 0 155px; text-align: center;} #program table tbody tr#lunch h3 {line-height: 1.15; font-weight: bold; font-size: 30px; color: #3f3f3f;} #program table tbody tr#lunch p {font-weight: bold; color: #c5c5c5;} #program table tbody tr.eventbox td {border-top: 1px solid #c5c5c5; padding: 0 0 10px;} #program table tbody tr#swarm {color: #0074d8;} #program table tbody tr.eventbox .inner {-moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; border: 1px solid #c5c5c5; position: relative; top: -84px; width: 313px; margin: 0 auto; padding: 25px 35px 30px 160px;} #program table tbody tr#swarm .inner {background: #fff url("img/ico-4sq.png") 30px 50% no-repeat;} #program table tbody tr#jobhall .inner {background: #fff url("img/jobhall.jpg") 30px 30px no-repeat; padding-bottom: 19px;} #program table tbody tr.eventbox h3 {line-height: 1.15; font-size: 18px; font-weight: bold; color: #3f3f3f;} #program table tbody tr#jobhall h3 {padding: 3px 0 0; color: #666;} #program table tbody tr.eventbox h4 {margin: 3px 0 7px; line-height: 1.15; font-size: 18px; font-weight: bold;} #program table tbody tr#jobhall h4 span {text-transform: uppercase;} #program table tbody tr.eventbox .inner p {line-height: 1.3;} #program table tbody tr#swarm div p a {color: #0074d8;} #program table tbody tr#swarm div p a:hover, #program table tbody tr#swarm div p a:focus, #program table tbody tr#swarm div p a:active {color: #000;} #program table tbody tr.eventbox small {position: relative; top: -74px; display: block; text-align: center; font-size: 12px; color: #666;} #program table tbody tr.eventbox small a {color: #666;} #program table tbody tr.eventbox small a:hover, #program table tbody tr#swarm small a:focus, #program table tbody tr#swarm small a:active {color: #000;} #program table tbody tr#jobhall .companies {margin: 20px -5px 0 -130px;} #program table tbody tr#jobhall .companies h5 {border-bottom: 1px solid #c5c5c5; margin: 0 0 5px; line-height: 1.15; font-size: 16px; font-weight: bold;} #program table tbody tr#jobhall .companies h5 span {background: #fff; position: relative; top: 9px; display: inline-block; padding: 0 10px 0 0;} #program table tbody tr#jobhall .companies img {float: left; margin: 26px 31px 0 0;} #program table tbody tr#jobhall .companies #wdf {margin-right: 0;} #program table tbody tr#jobhall .companies #iinfo {margin-top: 22px;} #program table tbody tr#jobhall .companies #symbio {margin-top: 19px;} #program table tbody tr#jobhall .companies #glogster {margin-right: 28px;} #program table tbody tr#jobhall .companies #skype {margin-right: 0;} #program table tbody tr#jobhall .companies #mather {margin-top: 12px;} #program table tbody tr#jobhall .companies #w3w {margin-top: 18px;} #program table tbody tr#jobhall .companies #sourcefabric {margin-top: 19px; margin-left: -1px;} #program table tbody tr.party td {background: 191px 103px no-repeat; padding: 35px 198px 80px 388px;} #program table tbody tr#raut td {background-image: url("img/raut.jpg");} #program table tbody tr#closing td {background-image: url("img/pizza.jpg"); padding-right: 100px;} #program table tbody tr.party h3 {margin: 0 0 28px; line-height: 1.15; font-weight: bold; font-size: 30px; color: #3f3f3f;} #program table tbody tr.party p {margin: 18px 0;} #program table tbody tr.party p.info {margin: 45px 0 0; font-size: 12px; font-weight: normal; color: #666;} #program.thu {background: #fff; padding: 32px 0 0;} #program.thu header.time {border-bottom: 1px solid #c5c5c5; width: 100%; text-align: center;} #program.thu header.time h2 {background: #fff; position: relative; top: 15px; display: inline; padding: 0 27px; line-height: 1; font-weight: bold; font-size: 30px; color: #c5c5c5;} #program.thu section .in {padding: 60px 20px 0 345px;} #program.thu h3 {margin: 0 0 22px; line-height: 1; font-size: 30px; font-weight: bold;} #program.thu h4 {margin: 0 0 5px; line-height: 1.15; font-size: 18px; font-weight: bold;} #program.thu p {margin: 0 0 19px;} #program.thu li {margin: 0 0 19px;} #program.thu #workshops {background: url("img/workshops.png") 0 149px no-repeat;} #program.thu #workshops .in {background: url("img/workshops-ill.png") 560px 100% no-repeat; position: relative; min-height: 277px; padding-bottom: 0;} .en #program.thu #workshops .in {background-image: url("img/workshops-ill-en.png");} #program.thu #workshops h2 {font-size: 30px; font-weight: bold;} #program.thu #workshops p.appeal {position: absolute; right: 20px; bottom: 101px; width: 380px; margin: 0; text-align: center; font-weight: bold; color: #b6b6b6;} #program.thu #workshops .price {background: #3f3f3f url("img/workshops-price.gif") 0 100% no-repeat; position: absolute; left: 345px; bottom: -30px; width: 128px; text-align: center; font-family: "nimbus sans", arial, helvetica, sans-serif; color: #fff;} #program.thu #workshops .price h4 {background: #363636; padding: 11px 0 6px; font-size: 18px; color: #7c7c7c;} #program.thu #workshops .price strong {display: block; margin: 27px 0 0; font-size: 20px; line-height: 1;} #program.thu #workshops .price span {display: block; padding: 2px 0 55px; font-size: 12px;} #program.thu #workshops #speakers {width: 960px; padding-top: 103px;} #workshops #speakers section {margin-bottom: 82px;} #workshops #speakers section .dna {display: none;} #workshops #speakers section header {color: #999;} #workshops #speakers section header h2 {font-weight: normal; color: #fff;} #workshops #speakers section h3, #program.thu #workshops #speakers section h3 a {color: #6a2914;} #workshops #speakers section .thumb {border-color: #6a2914;} #workshops #speakers section .info {margin: 0 0 12px;} #workshops #speakers section .info .fl {width: 160px;} #workshops #speakers section .info .fl .places {margin: 5px 0 0;} #workshops #speakers section .info .fr {float: right; max-width: 110px; padding: 3px 0 0;} #workshops #speakers section .info .fr a { background: #702a14; background: -webkit-gradient(linear, left top, left bottom, from(#772c14), to(#6a2914)); background: -moz-linear-gradient(top, #772c14, #6a2914); float: none; display: block; margin: 0; padding: 8px 20px 6px; text-align: center; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: bold; color: #fff; } #workshops #speakers section .info .fr strong.sold {display: block; margin: 7px 0 0;} #workshops #speakers section .info .fr a:hover, #workshops #speakers section .info a:focus, #workshops #speakers section .info a:active {background: #000;} #workshops #speakers section .info .fr .info-price {margin: 7px 0 0;} #workshops #speakers section .info .fr .info-price span {display: block; font-size: 12px;} #workshops #speakers section a.more {position: relative; top: -1px; padding: 5px 0 5px 29px; text-decoration: none; font-family: georgia, times, serif; font-size: 12px; font-style: italic;} #workshops #speakers section a.more span {background: url("img/ico-info.png") no-repeat; position: absolute; left: 0; top: 1px; display: block; width: 21px; height: 21px; overflow: hidden;} #speakers section.hover a.more {color: #000;} #workshops #speakers section a.more:hover span, #workshops #speakers section a.more:focus span, #workshops #speakers section a.more:active span, #workshops #speakers section.hover a.more span {background-position: 0 -21px;} #program.thu #warmup {background: url("img/warmupill.jpg") 0 200px no-repeat; position: relative; padding: 50px 0;} #program.thu .sponsor img {margin: 10px 0 0;} #program.thu #lightning {border: solid #c5c5c5; border-width: 1px 0; margin: 35px 0 37px; padding: 26px 0 7px;} #program.thu #lightning p.suggest {font-size: 12px;} #program.thu #warmupvenue {margin: 30px 0 0;} #program.thu #warmupvenue img {position: absolute; left: 19px; top: 460px;} #program.thu #poker {background: url("img/poker.jpg") 0 149px no-repeat; padding: 0 0 69px;} #program.thu #poker img {margin: 16px 0;} /* Certified Scrum = #cspo --------------------------------------*/ #cspo .heading {margin: 50px 0 67px;} #cspo .fl {width: 422px;} #cspo .fr {width: 443px;} #cspo section {margin: 0 0 59px;} #cspo section h2 {margin: 0 0 20px; line-height: 1.1; font-size: 24px; font-weight: bold;} #cspo section h3 {margin: 0 0 2px; font-weight: bold;} #cspo img#gloger {display: block; margin: 0 0 17px;} #cspo section p, #cspo section ul {margin: 0 0 20px;} #cspo section ul li {background: url("img/bull.gif") 2px 10px no-repeat; padding: 2px 0 2px 16px;} #cspo section p.download {margin-top: 42px;} #cspo section p.download a.pdf {background: url("img/pdf.gif") 0 0 no-repeat; padding: 3px 0 3px 26px;} #cspo section#abstract {margin: 0 0 65px; padding: 4px 0 0;} #cspo section#abstract img {float: left; margin: 2px 0 0;} #cspo section#abstract h2 {margin: 0 0 4px 106px; line-height: 1.2; font-size: 18px;} #cspo section#abstract ul, #cspo section#abstract p {margin-left: 106px;} #cspo section#abstract li {background-position: 2px 8px; padding-top: 0; padding-bottom: 0;} #cspo section#price {border: 1px solid #e6e09a; background: #fefac8; margin: 0 0 65px; padding: 33px 30px 12px; text-align: center;} #cspo section#price header {border-bottom: 1px solid #e6e09a; margin: 0 0 9px; padding: 0 0 8px;} #cspo section#price h2 {margin: 0; line-height: 1.4; font-size: 18px;} /* Pers. Program --------------------------------------*/ #personalized {background: url("img/personalized.gif") repeat-y; width: 840px; position: relative; z-index: 1002; overflow: hidden;} #login {background: #fff url("img/personalized-decoration.png") 38px 168px no-repeat; min-height: 373px; margin: 60px; padding: 40px; text-align: center; font-size: 12px;} .en #login {background-image: url("img/personalized-decoration-en.png");} #login h1, #login h2 {font-size: 30px; font-weight: bold; line-height: 1;} #login .info {float: left; width: 282px; padding: 33px 0 0; font-size: 12px; color: #666;} #login h1 {margin: 0 0 155px;} #login .info p {margin: 19px 0 0;} #login #connect {background: #f3f3f3; float: right; width: 258px; min-height: 307px; padding: 33px 30px;} #login h2 {margin: 0 0 13px;} #login #connect p {margin: 0 0 28px;} #login #connect div.wrap {margin: 0 auto 5px;} .lightbox #openid-form {display: none;} .static #openid-fake {display: none;} #openid-form {padding: 25px 0 0;} #login #openid-form input {font-size: 12px; vertical-align: top;} #login form input#openid_provider {width: 180px; font-size: 12px;} #login input.button {padding: 0 10px;} #login-detail {background: url("img/sub3.gif") repeat-x; min-height: 300px; padding: 55px 0 0;} #login-detail #login-top {background: url("img/lb-edges.png") no-repeat; width: 840px; margin: 0 auto; padding: 30px 30px 0;} #login-detail #login-wrap {background: url("img/lb-content.png") repeat-y; width: 840px; margin: 0 auto; padding-left: 30px; padding-right: 30px;} #login-detail #login-bottom {background: url("img/lb-edges.png") 0 100% no-repeat; width: 840px; margin: 0 auto; padding: 0 30px 30px;} #login-detail #login-bottom.program {padding-bottom: 50px;} #login-detail .fakebg {background: url("img/personalized.gif") repeat-y; width: 840px; height: 60px; overflow: hidden;} #login-detail .program .fakebg {height: 22px;} #login-detail #login {margin: 0 60px;} #login-detail .account-setup-error p {padding:80px 0; text-align:center;font-size:18px; font-weight:bold;} #login-detail fieldset#login {background: #fff; min-height: 0; text-align: left; font-size: 14px;} #login-detail fieldset#login h1 {margin: 0 0 30px;} #login-detail #personalized fieldset#login label {display: inline-block; width: 540px; padding: 0; text-align: left;} #login-detail #personalized fieldset#login label span {display: inline-block;} #login-detail #personalized fieldset#login label strong.errormsg {display: inline; margin: 0 0 0 10px;} #login-detail #personalized fieldset#login input.button {height: 32px; margin: 25px 0 0; padding: 0 20px; vertical-align: top;} #login-detail fieldset#login div.warning {border: 1px solid #e6e09a; background: #fefac8; display: inline-block; padding: 19px 20px 10px; margin: 0 0 20px;} #login-detail fieldset#login div.warning ul {background: url("img/ico-warn.png") 0 0 no-repeat;} #login-detail fieldset#login div.warning ul li {padding: 0 0 10px 40px;} #login-detail noscript p.tip {width: 798px;} #login-detail .loggedout #login {background: #fff; min-height: 0;} #personalized-in {background: #fff; margin: 22px 0 0; padding: 30px 40px 50px 0; font-size: 12px; zoom: 1;} .static #personalized-in {margin: 0; padding-bottom: 30px;} #personalized-in #control {border-right: 1px solid #c5c5c5; float: left; width: 141px; padding: 0 40px; text-align: center;} #personalized-in .avatar {position: relative; width: 88px; height: 84px; line-height: 84px; margin: 0 auto 18px; overflow: hidden;} #personalized-in .avatar img {vertical-align: middle;} #personalized-in .avatar .ir {background: url("img/avatarstar.png");} #personalized-in h1, #personalized-in h2 {margin: 0 -20px; font-size: 18px; line-height: 1;} #personalized-in h2 {font-size: 24px; font-weight: bold;} #personalized-in #control ul {border-top: 1px solid #c5c5c5; margin-top: 47px; line-height: 1;} #personalized-in #control ul li {border-bottom: 1px solid #c5c5c5; padding: 20px 0;} #personalized-in #control ul li.cal {padding-bottom: 16px;} #personalized-in #control #permalink-wrap {position: relative; min-height: 14px;} #personalized-in #control a#permalink {position: relative; display: block; width: 30px; height: 14px; overflow: hidden; margin: 0 auto;} #personalized-in #control a#permalink .ir {background: url("img/talk-controls.png") 0 -72px;} #personalized-in #control a#permalink:hover .ir, #personalized-in #control ul li a#permalink:focus .ir, #personalized-in #control ul li a#permalink:active .ir, #personalized-in #control ul li a#permalink.hover .ir {background-position: 0 -60px;} #personalized-in #control #permalink-copied, #personalized-in #control #permalink-info {background: #fff; position: absolute; left: 0; top: 20px; display: none; width: 141px; text-align: center; font-size: 12px; /*color: #8a8a8a;*/} #personalized-in #control #permalink-info {display: block; top: -2px; color: #8a8a8a;} #personalized-in #control a.twitter {position: relative; display: inline-block; width: 55px; height: 18px; padding: 0 !important; overflow: hidden;} #personalized-in #control a.twitter .ir {background: url("img/tweet.png");} #personalized-in #control a.twitter:hover .ir, #personalized-in #control a.twitter:focus .ir {background-position: 0 -18px;} #personalized-in #control a.twitter:active .ir {background-position: 0 -36px;} #personalized-in #control a.facebook {display: inline-block;} #personalized-in #control a.print {position: relative; display: inline-block; width: 23px; height: 19px; overflow: hidden;} #personalized-in #control a.print .ir {background: url("img/pers-controls.png");} #personalized-in #control a.print:hover .ir, #personalized-in #control a.print:focus .ir, #personalized-in #control a.print:active .ir {background-position: -23px 0;} #personalized-in #control a.cal {position: relative; left: -5px; display: inline-block; width: 28px; height: 27px; overflow: hidden;} #personalized-in #control a.cal .ir {background: url("img/pers-controls.png") 0 -19px;} #personalized-in #control a.cal:hover .ir, #personalized-in #control a.cal:focus .ir, #personalized-in #control a.cal:active .ir {background-position: -28px -19px;} #personalized-in #content {float: right; width: 538px;} #personalized-in #content .day {margin: 0 0 27px;} #personalized-in h3 {border-bottom: 1px dashed #c5c5c5; padding: 0 0 5px; text-transform: uppercase; font-weight: bold; color: #c5c5c5;} #personalized-in #content .talk {border-bottom: 1px dashed #c5c5c5; position: relative; padding: 14px 0 17px; word-wrap: break-word;} #personalized-in #content .talk h4, #personalized-in #content .talk h5 {font-weight: bold; font-size: 14px; line-height: 1.3;} #personalized-in #content .talk h5 {padding: 0 0 1px; line-height: 1.2;} #personalized-in #content .talk h4.panel {padding: 2px 0 0; text-transform: uppercase; font-size: 11px; font-weight: normal;} #personalized-in #content .design h4, #personalized-in #content .design ul.speakers {color: #eb008b;} #personalized-in #content .development h4, #personalized-in #content .development ul.speakers {color: #f16521;} #personalized-in #content .business h4, #personalized-in #content .business ul.speakers {color: #007dc4;} #personalized-in #content .agile h4, #personalized-in #content .agile ul.speakers {color: #a0cc3a;} #personalized-in #content ul.speakers {font-size: 14px; font-weight: bold; line-height: 1.2;} #personalized-in #content .talk .fl {width: 365px;} #personalized-in #content .talk .fr {width: 150px; overflow: hidden; text-align: right;} .own #personalized-in #content .talk .fr {position: relative; width: 130px; padding: 0 25px 0 0;} #personalized-in #content .talk .where {display: inline-block; font-size: 14px;} #personalized-in #content .talk .remove-talk {background: url("img/attender.gif") -12px 0; position: absolute; display: block; right: 0; top: 0; width: 13px; height: 0; padding-top: 17px; overflow: hidden; text-indent: -1000em; font-size: 12px; color: #3f3f3f; cursor: pointer;} #personalized-in #content .talk .remove-talk:hover {background-position: -25px 0;} #personalized-in #content .comment {clear: left; float: left; width: 365px; padding: 3px 0 0; font-size: 11px; color: #8b8b8b;} #personalized-in #content .comment .ico {background: url("img/pers-controls.png") -56px -24px no-repeat; float: left; width: 12px; height: 12px; overflow: hidden; margin: 2px 0 0 0;} #personalized-in #content .empty .comment .ico {background-position: -56px 0;} #personalized-in #content .comment p.text {margin: 0 0 0 17px; line-height: 1.3;} #personalized-in #content .comment span.add {display: block; margin: 0 0 0 17px; line-height: 1.3;} .own #personalized-in #content .comment {cursor: pointer;} .own #personalized-in #content .comment:hover {color: #3f3f3f;} .own #personalized-in #content .comment:hover .ico {background-position: -56px -12px;} .own #personalized-in #content .editor textarea { border: solid #c5c5c5; border-width: 1px 1px 2px; -webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -o-border-image: url("img/textinput-b.gif") 1 1 2 stretch; border-image: url("img/textinput-b.gif") 1 1 2 stretch; background: #fff url("img/textinput.gif") repeat-x; width: 353px; height: 50px; margin: 0; padding: 3px 5px; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #666; } #tooltip.fav {width: 150px;} #tooltip.fav .body {background: url("img/tooltip-b.png") 70px 100% no-repeat; position: relative; top: 6px; padding: 0 0 11px; font-size: 11px; color: #fff;} /* Speakers --------------------------------------*/ #speakers {padding: 85px 0 0;} #speakers section {position: relative; float: left; display: inline; width: 280px; margin: 0 45px 73px 10px; } #speakers section:nth-child(3n) {margin-right: 0;} #speakers section:nth-child(3n+1) {clear: both;} #speakers section.last {margin-right: 0;} #speakers section .dna {top: -30px; right: -20px;} #speakers section header {background: #323232; position: absolute; z-index: 2; left: -10px; top: -8px; padding: 14px 20px 17px; line-height: 1.3; font-size: 12px; color: #fff;} #speakers section header h2, #program #workshops #speakers section header h2 {font-size: 14px;} #speakers-design section header h2 {color: #eb008b;} #speakers-development section header h2 {color: #f16521;} #speakers-business section header h2 {color: #007dc4;} #speakers-agile section header h2 {color: #a0cc3a;} #speakers section .thumb {border-top: 2px solid; position: relative; z-index: 1; display: block; width: 280px; height: 220px; overflow: hidden;} #speakers section.hover .thumb {border-color: #000;} #speakers section .thumb img {display: block;} #speakers section .thumb .arrow {background: url("img/arrow-speaker.png") -17px 0 no-repeat; position: absolute; z-index: 2; left: 21px; bottom: 0; display: block; width: 20px; height: 20px; overflow: hidden;} #speakers-design section .thumb {border-color: #eb008b;} #speakers-development section .thumb {border-color: #f16521;} #speakers-business section .thumb {border-color: #007dc4;} #speakers-agile section .thumb {border-color: #a0cc3a;} #speakers section h3, #workshops #speakers section h3 {width: 280px; margin: 17px 0 15px; line-height: 1.15; font-size: 18px; font-weight: bold;} #speakers section h3 a {text-decoration: underline;} #speakers section h3 a:hover, #speakers section h3 a:focus, #speakers section h3 a:active, #speakers section.hover h3 a {text-decoration: none; color: #000;} #speakers-design section h3, #speakers-design section h3 a {color: #eb008b;} #speakers-development section h3, #speakers-development section h3 a {color: #f16521;} #speakers-business section h3, #speakers-business section h3 a {color: #007dc4;} #speakers-agile section h3, #speakers-agile section h3 a {color: #a0cc3a;} #speakers section .info {border: solid #c5c5c5; border-width: 1px 0; position: relative; width: 280px; margin: 0 0 8px; padding: 10px 0 11px; line-height: 1.25;} #speakers section .info .info-content {float: left; width: 180px;} #speakers section .info a {position: relative; float: right; margin: 5px 0 0; padding: 5px 29px 5px 0; text-decoration: none; font-family: georgia, times, serif; font-size: 12px; font-style: italic;} #speakers section .info a span {background: url("img/ico-info.png") no-repeat; position: absolute; right: 0; top: 1px; display: block; width: 21px; height: 21px; overflow: hidden;} #speakers section.hover .info a {color: #000;} #speakers section .info a:hover span, #speakers section .info a:focus span, #speakers section .info a:active span, #speakers section.hover .info a span {background-position: 0 -21px;} #speakers section iframe {float: left; margin: 3px 0 0;} #speakers section em {float: right; padding: 2px 0 0; width: 140px; font-size: 12px;} #speakers section em a {line-height: 1.2; color: #3f3f3f;} #speakers p.moretocome {clear: both; font-size: 200%; font-weight: bold;} #speakers section .nav a {background: url("img/speakers-nav.png") no-repeat; float: left; width: 10px; height: 10px; overflow: hidden; margin: 0 5px 0 0; text-indent: -10000em; color: transparent;} #speakers-development section .nav {background-position:0 -10px} #speakers-business section .nav {background-position:0 -20px} #speakers-agile section .nav {background-position:0 -30px} #speakers section .nav a.activeSlide {background-position: 100% 0;} #speakers-development section .nav a.activeSlide {background-position: 100% -10px;} #speakers-business section .nav a.activeSlide {background-position: 100% -20px;} #speakers-agile section .nav a.activeSlide {background-position: 100% -30px;} /* Talk detail --------------------------------------*/ #talk {background: #fff; width: 840px; position: relative; z-index: 1002; overflow: hidden;} #talk header .in {background: #3f3f3f url("img/talk-header.png") repeat-y; color: #fff; position: relative;} #talk .star-wrap {position: relative; top: -1px; float: left; width: 23px; height: 24px; overflow: hidden; margin: 0 10px 0 0;} #talk a.star {position: relative; display: block; width: 23px; height: 24px; overflow: hidden; font-size: 12px; line-height: 1;} #talk a.star .ir {background: url("img/star-s.png");} #talk a.star:hover .ir, #talk.faved a.star .ir {background-position: 0 -24px;} #talk.development header {background-position: -840px 0;} #talk.business header {background-position: -1680px 0;} #talk.agile header {background-position: -2520px 0;} #talk.workshop header {background-position: -3360px 0;} #talk h1 {float: left; width: 509px; padding: 34px 31px 33px 40px; font-size: 18px; font-weight: bold;} #talk h1 span {font-weight: normal;} #talk.design h1 {background: #eb008b;} #talk.development h1 {background: #f16521;} #talk.business h1 {background: #007dc4;} #talk.agile h1 {background: #a0cc3a;} #talk.workshop h1 {background: #6a2914;} #talk #talk-meta {float: right; width: 191px; padding: 24px 40px 0 29px; line-height: 1.25; font-size: 12px;} #talk #talk-meta strong {font-size: 14px;} #talk.design #talk-meta strong {color: #eb008b;} #talk.development #talk-meta strong {color: #f16521;} #talk.business #talk-meta strong {color: #007dc4;} #talk.agile #talk-meta strong {color: #a0cc3a;} #talk #talk-meta em {font-family: georgia, times, serif; color: #c5c5c5;} #talk #content {overflow: hidden; padding: 35px 40px 40px;} #talk #content .logo {float: right; margin: 5px 0 0;} #talk #content .logo img {display: block; margin: 0 0 40px;} #talk #content p.tags {width: 509px; margin: 0 0 13px; font-size: 12px;} #talk #content .desc {width: 509px; margin: 15px 0;} .wx-videos-embed { position: relative; height: 0; padding: 30px 0 50%; overflow: hidden; background: black; } .wx-videos-embed iframe, .wx-videos-embed .video-restricted { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 0 !important; } .wx-videos-embed .video-restricted .video-placeholder { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .wx-videos-embed .video-restricted:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../../img/video-noise-animeccb.gif?3"); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; filter: alpha(opacity=0); } .wx-videos-embed .video-placeholder { position: absolute; left: 0; top: 0; width: 100%; } .wx-videos-embed .video-restricted-reason { display: inline-block; *display: block; *zoom: 1; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; margin: 0; line-height: 1.4; font-size: 0; text-align: center; color: white; } .wx-videos-embed .video-restricted-reason:before { content: ''; display: inline-block; *display: block; *zoom: 1; width: 0; height: 100%; vertical-align: middle; } .wx-videos-embed .video-restricted-reason span { display: inline-block; *display: block; *zoom: 1; padding: 15px 20px; vertical-align: middle; font-size: 14px; background: black; background: rgba(0,0,0, .75); } .wx-videos-embed:hover .video-restricted .video-placeholder { -webkit-filter: grayscale(100%) blur(3px); -moz-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); } .wx-videos-embed:hover .video-restricted:after { opacity: 0.75; filter: alpha(opacity=75); } .wx-videos-embed:hover .video-restricted-reason span { background-color: black; } .wx-videos-embed .video-restricted-reason a { color: #0f0; font-weight: bold; text-decoration: underline; } .wx-videos-embed .video-restricted-reason a:hover, .wx-videos-embed .video-restricted-reason a:focus { color: #f00; text-decoration: none; } #talk.design .wx-videos-embed .video-restricted-reason a {color: #eb008b;} #talk.development .wx-videos-embed .video-restricted-reason a {color: #f16521;} #talk.business .wx-videos-embed .video-restricted-reason a {color: #007dc4;} #talk.agile .wx-videos-embed .video-restricted-reason a {color: #a0cc3a;} #talk.workshop .wx-videos-embed .video-restricted-reason a {color: #CC4D26;} #talk #talk-speakers {background: #f2f2f2; clear: both; width: 760px; margin: 34px 0 0;} #talk #talk-speakers .tabs {background: #fff; padding: 0;} #talk #talk-speakers .tabs a {width: auto; margin: 0 10px 0 0; padding: 15px 40px; font-size: 14px; font-family: arial, helvetica, sans-serif; letter-spacing: 0;} #talk #talk-speakers .tabs a:hover, #talk #talk-speakers .tabs a:focus, #talk #talk-speakers .tabs a:active {border-color: #3f3f3f; background: #f9f9f9; color: #3f3f3f;} #talk #talk-speakers .tabs a {border-color: #666; color: #666;} #talk #talk-speakers .tabs a.active {background: #f2f2f2 !important; text-decoration: none; color: #3f3f3f !important;} #talk #talk-speakers .inner {width: 700px; overflow-x: auto; margin: 0 30px; padding: 30px 0 25px;} #talk #talk-speakers .inner-holder {width: 3378px;} #talk #talk-speakers .inner .speaker {float: left; width: 513px; overflow: hidden; margin: 0 50px 0 0; word-wrap: break-word} #talk #talk-speakers .inner .fl {width: 195px; overflow: hidden; margin: 0 20px 0 0; text-align: center;} #talk #talk-speakers .inner .thumb {position: relative; display: block; width: 195px; height: 153px; overflow: hidden;} #talk #talk-speakers .inner .thumb .arrow {background: url("img/arrow-speaker.png") no-repeat; position: absolute; z-index: 2; left: 24px; bottom: 0; display: block; width: 17px; height: 17px; overflow: hidden;} #talk #talk-speakers .inner ul.social {display: inline-block; padding: 13px 0 0; line-height: 1;} #talk #talk-speakers .inner ul.social li {display: inline;} #talk #talk-speakers .inner ul.social a {background: none; position: relative; display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: 0 6px 0 0; padding: 0; font-size: 11px;} #talk #talk-speakers .inner ul.social a.twitter {margin: 0;} #talk #talk-speakers .inner ul.social a.linkedin .ir {background: url("img/mini-linkedin.png");} #talk #talk-speakers .inner ul.social a.twitter .ir {background: url("img/mini-twitter.png");} #talk #talk-speakers .inner p.website {padding: 3px 0 0; line-height: 1.3; font-size: 12px;} #talk #talk-speakers .inner .about {float: left; width: 298px; font-size: 12px;} #talk #talk-speakers .inner .about hgroup {line-height: 1.2;} #talk #talk-speakers .inner .about h2 {font-weight: bold; font-size: 18px;} #talk #talk-speakers .inner .about h3 {font-weight: bold;} #talk.design #talk-speakers .inner .about h2 {color: #eb008b;} #talk.development #talk-speakers .inner .about h2 {color: #f16521;} #talk.business #talk-speakers .inner .about h2 {color: #007dc4;} #talk.agile #talk-speakers .inner .about h2 {color: #a0cc3a;} #talk.workshop #talk-speakers .inner .about h2 {color: #6a2914;} #talk #talk-speakers .inner .editable {margin: 10px 0 0;} #talk #content .editable {} #talk #content .editable p, #talk #content .editable ul, #talk #content .editable ol {margin: 10px 0 0;} #talk #content .editable ol {margin-left: 20px;} #talk #talk-speakers .inner .editable ol {margin-left: 16px;} #talk #content .editable ul li {background: url("img/bull.gif") 2px 8px no-repeat; padding: 0 0 0 20px;} #talk #talk-speakers .inner .editable ul li {background-position: 2px 5px; padding-left: 16px;} #talk #content .editable ol li {list-style-type: decimal;} #talk #content a#workshop-register { background: #702a14; background: -webkit-gradient(linear, left top, left bottom, from(#772c14), to(#6a2914)); background: -moz-linear-gradient(top, #772c14, #6a2914); display: inline-block; padding: 8px 25px 6px; font-style: normal; font-weight: bold; text-decoration: none; color: #fff; } #talk #content .logo .places {margin: 7px 0 0;} #talk #content .logo .info-price span {display: block; font-size: 12px;} #talk #content a#workshop-register:hover, #talk #content a#workshop-register:focus, #talk #content a#workshop-register:active {text-decoration: none; background: #000;} #talk #content #tab-audience .avatar {display:block; float: left; background: #3f3f3f url("img/loading.gif") no-repeat 25px 24px; margin:0 3px 3px 0;} #talk #content #tab-contents {} #talk #content #tab-contents .slides {padding: 15px 0 0;} #talk #content #tab-contents .additional {padding: 25px 0 5px;} #talk #content #tab-contents h2 {font-weight: bold; font-size: 18px;} #talk #content #tab-contents ul, #talk #content #tab-contents p {margin: 12px 0 0; font-size: 12px;} #talk #content #tab-contents li {background: url("img/bull.gif") 2px 5px no-repeat; margin: 0 0 3px; padding: 0 0 0 15px;} #talk footer {position: relative; min-height: 30px; padding: 0 40px 39px; text-align: center;} #talk footer a#permalink {position: absolute; left: 405px; top: 8px; display: block; width: 30px; height: 14px; overflow: hidden; line-height: 1; font-size: 12px;} #talk footer a#permalink .ir {background: url("img/talk-controls.png") 0 -72px;} #talk footer a#permalink:hover .ir, #talk footer a#permalink:focus .ir, #talk footer a#permalink:active .ir, #talk footer a#permalink.hover .ir {background-position: 0 -60px;} #talk footer #permalink-copied, #talk footer #permalink-info {position: absolute; left: 170px; top: 8px; display: none; width: 500px; text-align: center; font-size: 12px; /*color: #8a8a8a;*/} #talk footer #permalink-info {display: block; top: -15px; color: #8a8a8a;} #talk footer a.control, #talk-detail #back-to-speakers a {position: relative; height: 30px; line-height: 30px; vertical-align: middle; font-weight: bold;} #talk footer a.fl {padding: 0 0 0 40px;} #talk footer a.fr {padding: 0 40px 0 0;} #talk footer a.control span, #talk-detail #back-to-speakers a span {background: url("img/talk-controls.png"); position: absolute; top: 0; width: 30px; height: 30px; overflow: hidden;} #talk footer a.fl span {left: 0;} #talk footer a.fl:hover span, #talk footer a.fl:focus span, #talk footer a.fl:active span {background-position: 0 -30px;} #talk footer a.fr span {background-position: -30px 0; right: 0;} #talk footer a.fr:hover span, #talk footer a.fr:focus span, #talk footer a.fr:active span {background-position: -30px -30px;} #talk-detail {padding: 55px 0 0;} #talk-detail #back-to-speakers {border-top: 1px solid #c5c5c5; width: 840px; margin: 0 auto -5px; text-align: center;} #talk-detail #back-to-speakers .inner {background: #fff; position: relative; top: -16px; display: inline-block; padding: 0 21px;} #talk-detail #back-to-speakers a {display: inline-block; padding: 0 0 0 40px; color: #8a8a8a;} #talk-detail #back-to-speakers a span {background-position: 0 -86px; left: 0;} #talk-detail #back-to-speakers a:hover {color: #000;} #talk-detail #back-to-speakers a:hover span {background-position: -30px -86px;} #talk-detail #talk {width: 900px; margin: 0 auto;} #talk-detail #talk header {background: url("img/lb-edges.png") no-repeat; padding: 30px 30px 0;} #talk-detail #talk #content {background: url("img/lb-content.png") repeat-y; padding-left: 70px; padding-right: 70px;} #talk-detail #talk footer {background: url("img/lb-edges.png") 0 100% no-repeat; padding: 0 70px 69px;} /* Registration = #reg --------------------------------------*/ #reg header.heading {margin-top: 0;} #reg header.heading h1 {background: #f2f2f2;} #reg #switch {background: url("img/switch.png") 0 100% no-repeat; width: 100%; padding: 33px 0 50px; text-align: center; font-size: 16px; font-weight: bold;} #reg #switch a {color: #a8a8a8;} #reg #switch .plain {position: relative; display: inline-block; vertical-align: middle;} #reg #switch a.plain {text-decoration: underline;} #reg #switch a.plain:hover, #reg #switch a.plain:focus, #reg #switch a.plain:active {text-decoration: none; color: #3f3f3f;} #reg #switch a.switcher {position: relative; display: inline-block; width: 141px; height: 28px; overflow: hidden; margin: 0 26px; padding: 6px; font-size: 12px; vertical-align: middle;} #reg #switch a.switcher .ir {background: url("img/reg-switch.png"); width: 153px; height: 40px;} #reg #switch a#switcher-osobni .ir {background-position: 0 -40px;} #reg #switch #switch-firemni {padding: 0 26px 0 0;} #reg #switch #switch-osobni {padding: 0 0 0 31px;} #reg #switch #switch-firemni span {background: url("img/reg-switch.png") -153px 0 no-repeat; position: absolute; top: 0; right: 0; width: 19px; height: 19px; overflow: hidden;} #reg #switch a#switch-firemni span {background-position: -153px -19px;} #reg #switch a#switch-firemni:hover span, #reg #switch a#switch-firemni:focus span, #reg #switch a#switch-firemni:active span {background-position: -153px 0;} #reg #switch #switch-osobni span {background: url("img/reg-switch.png") -153px -40px no-repeat; position: absolute; top: 2px; left: 0; width: 23px; height: 17px; overflow: hidden;} #reg #switch a#switch-osobni span {background-position: -153px -57px;} #reg #switch a#switch-osobni:hover span, #reg #switch a#switch-osobni:focus span, #reg #switch a#switch-osobni:active span {background-position: -153px -40px;} #reg form {width: 444px; margin: 0 auto; padding: 50px 0 0 0;} #reg form #outer-errors {padding: 0 0 15px 5px;} #reg form #outer-errors p.errors {background: url("img/ico-error.png") 0 0 no-repeat; margin: 0 0 10px; padding: 0 0 0 35px; font-size: 16px; font-weight: bold; color: #c00;} #reg form #outer-errors ul.errorlist {margin: 0 0 10px 35px; color: #c00;} #reg form h2 {font-size: 18px; font-weight: bold;} #reg form h3 {font-size: 16px; font-weight: bold;} #reg fieldset.basics {width: 404px; padding: 0 0 0 40px;} #reg form label, #newsletter form label, #nwslttr form label, #login-detail fieldset#login label {position: relative; clear: left; display: inline-block; width: 364px; padding: 0 0 13px;} #reg form label.w50 {width: 172px; margin: 0 16px 0 0;} #reg form label.w75 {width: 284px;} #reg form label.w60 {width: 211px;} #reg form label.w40 {width: 161px;} #reg form label.country {display: block;} #reg form label span, #newsletter form label span, #nwslttr form label span, #login-detail fieldset#login label span {display: block; margin: 0 0 5px;} #reg form label small {position: absolute; right: 0; top: 4px; font-size: 11px; color: #b1b1b1;} #reg form label span.help-text, #login-detail fieldset#login label span.help-text {margin: 0; padding: 3px 0 0; font-size: 12px; color: #999;} #reg form /*label*/ strong.errormsg, /*#reg form .form-field strong.errormsg,*/ #login-detail fieldset#login label strong.errormsg {display: block; margin: -5px 0 2px; font-size: 12px; color: #c00;} #reg form label input[type=text], #reg form label input[type=email], #newsletter form input[type=text], #nwslttr form input[type=text], #obj .additional ul li input /* (support badge) */, #personalized input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid #c5c5c5; border-width: 1px 1px 2px; -webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -o-border-image: url("img/textinput-b.gif") 1 1 2 stretch; border-image: url("img/textinput-b.gif") 1 1 2 stretch; background: #fff url("img/textinput.gif") repeat-x; width: 100%; margin: 0; padding: 7px 10px; } #reg form label.field-error input[type=text], #reg form label.field-error input[type=email] { border: solid #c00; border-width: 1px 1px 2px; -webkit-border-image: url("img/textinput-be.gif") 1 1 2 stretch; -moz-border-image: url("img/textinput-be.gif") 1 1 2 stretch; -o-border-image: url("img/textinput-be.gif") 1 1 2 stretch; border-image: url("img/textinput-be.gif") 1 1 2 stretch; } #reg form label select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #reg form .school_type strong {display: block; margin: 0 0 5px; font-weight: normal;} #reg form .school_type strong.errormsg {font-weight: bold;} #reg form .school_type label {padding: 0 0 5px; font-size: 13px;} #reg form .school_type label input {margin: 0 3px 0 0;} #reg fieldset.raut {border: solid #c5c5c5; border-width: 1px 0; margin: 25px 0 0; padding: 30px 40px 20px;} #reg fieldset.separe {margin-top: 0;} #reg form .raut .school_type {margin-bottom: 20px;} #reg form .raut label.raut-label { border: solid #c5c5c5; border-width: 1px 1px 2px; -webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -o-border-image: url("img/textinput-b.gif") 1 1 2 stretch; border-image: url("img/textinput-b.gif") 1 1 2 stretch; background: #fff url("img/rautbox.png") 0 100% repeat-x; width: 320px; padding: 10px 21px 7px; } #reg form .raut .raut-label input {float: left; margin: 9px 0 0;} #reg form .raut label.raut-label-vip {padding: 13px 21px 10px;} #reg form .raut label.raut-label-vip input {margin-top: 2px;} #reg form .raut .in {margin: 0 0 0 30px; line-height: 1.25;} #reg form .raut .in span {font-size: 12px; color: #666;} #reg form .raut label.entry_fee {border: 0; -webkit-border-image: none; -moz-border-image: none; -o-border-image: none; border-image: none; background: transparent none; width: 364px;} #reg form .raut a.more {float: right; margin: 4px 0 0; font-size: 11px;} #reg fieldset.books {border-bottom: 1px solid #c5c5c5; width: 404px; padding: 26px 0 40px 40px;} #reg fieldset.books legend {padding: 35px 0 0;} #reg fieldset.books label {border: 1px solid #c5c5c5; background: #f8f8f8; position: relative; display: inline-block; width: 69px; min-height: 84px; padding: 4px; overflow: hidden; margin: 0 12px 0 0; text-align: center; cursor: pointer;} #reg fieldset.books label.active {border: 5px solid #3f3f3f; padding: 0;} #reg fieldset.books label img {position: relative; z-index: 1; display: block; width: 69px;} #reg fieldset.books label input {position: absolute; left: 42%; bottom: 43%;} #reg fieldset.books label .check {background: url("img/book-active.png") 50% 50% no-repeat; position: absolute; z-index: 2; left: 0; top: 0; display: none; width: 100%; height: 100%; overflow: hidden;} #reg fieldset.books label.active .check {display: block;} #reg fieldset.books label .description {display: none;} #reg fieldset#price {border-top: 1px solid #c5c5c5; width: 100%; margin: 3px 0 0;} #reg fieldset#price .inner {border-bottom: 1px solid #c5c5c5; width: 100%; margin: 0 0 30px; padding: 24px 0;} #reg fieldset#price .inner .clearfix {padding: 2px 0;} #reg fieldset#price .without_discount, #reg fieldset#price .discount {color: #666;} #reg fieldset#price .fl strong, #reg fieldset#price .final-sum .fl {font-size: 18px; font-weight: normal;} #reg fieldset#price .fr {line-height: 1.3; text-align: right;} #reg fieldset#price .fr strong, #reg fieldset#price .final-sum .fr {font-size: 18px;} #reg fieldset#price #coupon {position: relative; top: -13px; float: left;} /* Top secret coupon code for you: YQGPK8 Try it, really. */ #reg fieldset#price #coupon a {position: relative; top: 18px; font-size: 12px;} #reg fieldset#price #coupon label {width: 300px;} #reg fieldset#price #coupon label span {margin-bottom: 3px; font-size: 12px;} #reg fieldset#price #coupon label input {float: left; width: 200px; font-size: 12px;} #reg fieldset#price #coupon .optional {display: none;} #reg fieldset#price #coupon label a { background: #393939; background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#393939)); background: -moz-linear-gradient(top, #505050, #393939); position: static; float: left; width: 70px; height: 30px; margin: 0 0 0 7px; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; color: #fff; } #reg fieldset#price #coupon label a:hover, #reg fieldset#price #coupon label a:active, #reg fieldset#price #coupon label a:focus {background: #000;} #reg fieldset#price input.hand {border: 0; width: auto; height: 40px; line-height: 40px; padding: 0 30px; float: right;} #reg fieldset#price input.pad {margin: 21px 0 0;} #reg fieldset.price-vip {padding-top: 30px;} #reg #info {width: 444px; margin: 0 auto 60px; padding: 90px 0 0;} #reg #info ul#info-tabs {width: 100%;} #reg #info ul#info-tabs li {display: inline;} #reg #info ul#info-tabs a {background: #e8e8e8; float: left; margin: 0 3px 0 0; padding: 12px 20px 8px; font-weight: bold; text-decoration: none; color: #666; outline: none;} #reg #info ul#info-tabs a:hover, #reg #info ul#info-tabs a:active, #reg #info ul#info-tabs a:focus {background: #d0d0d0;} #reg #info ul#info-tabs a.active {border: solid #c5c5c5; border-width: 1px 1px 0; background: #fff; margin-bottom: -1px; padding: 11px 19px 9px; color: #3f3f3f; cursor: default;} #reg #info .inner {background: #fff; border: 1px solid #c5c5c5; padding: 40px 30px 0; font-size: 12px; color: #666;} #reg #info .inner h3 {margin: 0 0 13px; font-weight: bold;} #reg #info .inner ul, #reg #info .inner ol {margin: 0 0 40px;} #reg #info .inner ul li {background: url("img/li-green.gif") 0 2px no-repeat; margin: 0 0 13px; padding: 0 0 0 30px;} #reg #info .inner ol {padding: 0 0 0 16px;} #reg #info .inner ol li {margin: 0 0 13px; list-style-type: decimal;} #reg #info .inner p {margin: 0 0 40px;} #reg #info .inner a {color: #666;} #reg #info .inner a:hover, #reg #info .inner a:focus, #reg #info .inner a:active {color: #000;} #employees {width: 444px;} #reg fieldset.attender {background: #e9e9e9; width: 444px; margin: 0 0 10px;} #reg fieldset#contact-person {margin-bottom: 0;} #reg fieldset#contact-person .inner {padding-bottom: 25px; } #reg fieldset.attender1 {margin-top: 26px;} #reg fieldset.attender h2, #reg fieldset.attender h3 {background: #d5d5d5; position: relative; width: 444px;} #reg fieldset.attender h2 .area, #reg fieldset.attender h3 .area {display: block; width: 364px; padding: 20px 40px 17px; cursor: pointer;} #reg fieldset.attender h2:hover .area, #reg fieldset.attender h3:hover .area {background: #c1c1c1;} #reg fieldset.attender h2 .arrow, #reg fieldset.attender h3 .arrow {background: url("img/attender.gif") 0 -12px no-repeat; position: absolute; left: 21px; top: 28px; display: block; width: 12px; height: 12px; overflow: hidden;} #reg fieldset.closed h2 .arrow, #reg fieldset.closed h3 .arrow {background-position: 0 0; top: 26px;} #reg fieldset.attender h2 a, #reg fieldset.attender h3 a {position: absolute; right: 20px; top: 23px; display: block; width: 13px; height: 17px; overflow: hidden; font-size: 12px; color: #3f3f3f;} #reg fieldset.attender h2 a .ir, #reg fieldset.attender h3 a .ir {background: url("img/attender.gif") -12px 0;} #reg fieldset.attender h2 a:hover .ir, #reg fieldset.attender h2 a:focus .ir, #reg fieldset.attender h2 a:active .ir, #reg fieldset.attender h3 a:hover .ir, #reg fieldset.attender h3 a:focus .ir, #reg fieldset.attender h3 a:active .ir {background-position: -25px 0;} #reg fieldset.attender .inner {width: 100%; padding: 33px 0 0;} #reg fieldset.attender fieldset label {width: 284px;} #reg fieldset.attender fieldset label.twitter {width: 161px;} #reg fieldset.attender fieldset label.narrow input {width: 161px;} #reg fieldset.attender .books {border: 0;} #reg #attender-add {border-bottom: 1px solid #c5c5c5; width: 100%; padding: 0 0 40px;} #reg #attender-add a { background: #393939 url("img/attender-add.png") no-repeat; position: relative; display: inline-block; height: 27px; padding: 0 10px 0 28px; line-height: 27px; overflow: hidden; text-decoration: none; font-weight: bold; font-size: 12px; color: #fff; } #reg #attender-add a:hover, #reg #attender-add a:active, #reg #attender-add a:focus {text-decoration: underline;} #tooltip {border: 1px solid #3f3f3f; background: #3f3f3f url("img/tooltip.png") repeat-x; position: absolute; z-index: 3000; font-size: 12px; width: 280px; text-align: center; color: #fff;} #tooltip .body {background: url("img/tooltip-a.png") 138px 0 no-repeat; position: relative; top: -6px; padding: 23px 15px 13px; line-height: 1.25; color: #c9c9c9;} #tooltip .body strong {display: block; margin: 0 0 2px; font-size: 14px; color: #fff;} #reg.workshop {background: url("img/sub2.gif") repeat-x;} #reg.workshop p.msg {margin: 67px 0 -10px;} #reg.workshop form p.warning {border: 1px solid #e6e09a; background: #fefac8; position: relative; left: -60px; width: 442px; padding: 24px 20px 5px 20px; margin: 0 0 30px;} #reg.workshop form p.warning span {background: url("img/ico-warn.png") 0 1px no-repeat; display: block; padding: 0 0 20px 40px;} #reg.workshop fieldset.attender {margin-bottom: 20px;} #reg.workshop fieldset.attender h2 .area {cursor: default;} #reg.workshop fieldset.attender h2:hover .area {background: #d5d5d5;} #reg.workshop fieldset.attender h2 .user {font-size: 12px;} #reg.workshop fieldset.attender .inner {width: 404px; padding: 30px 0 20px 40px;} #reg.workshop form .submit {border-top: 1px solid #c5c5c5; width: 100%; margin: 30px 0 0; padding: 3px 0 0; text-align: right;} #reg.workshop form .submit .submit {margin: 0; padding: 30px 0 0;} #reg.workshop form input.hand {border: 0; width: auto; height: 40px; line-height: 40px; padding: 0 30px;} /* Tricka */ #shirts {width: 710px; margin: 0 auto; padding: 50px 0 0;} #shirts figure {/*float: left; width: 290px;*/ margin: 0 0 50px 0;} /*#shirts figure:first-child {width: 310px; margin-left: 0;} #shirts figcaption {padding: 0 0 3px; font-size: 18px; font-weight: bold;}*/ #shirts img {border: 1px solid #c5c5c5; background: #fff; padding: 4px;} #shirts .tip {width: 404px; margin: 0 auto;} #shirts-order {padding-top: 40px !important;} form .shirts {padding: 15px 0 0;} form .shirts .shirt {position: relative;} form .shirts .inner {float: left;} form .shirts .delete-link {/*position: absolute; right: 50px; bottom: 14px; display: block;*/ position: relative; top: 6px; right: 50px; float: right; width: 13px; height: 17px; overflow: hidden; text-indent: -999px;} form .shirts .delete-link .ir {background: url("img/attender.gif") -12px 0;} form .shirts .delete-link:hover .ir, form .shirts .delete-link:focus .ir, form .shirts .delete-link:active .ir {background-position: -25px 0;} #add-shirt {width: auto; padding: 0 10px; white-space: nowrap;} #add-shirt span {position: relative; top: 2px; font-size: 18px;} form .shipping {padding: 40px 0 25px;} form .shipping h3 {padding: 0 0 15px;} form .shipping label {padding: 0 !important;} form .shipping input {margin: 0 5px 0 0;} form .shipping p, form .shipping ul {margin: 3px 0 13px 21px; font-size: 11px; color: #777;} form .shipping p a {color: #777;} #reg fieldset.order .inner {width: 404px; padding: 30px 0 20px 40px;} #reg #order-company {margin: 0 0 30px;} #reg #order-company select {width: 161px;} #reg #order-company h4 {padding: 15px 0; font-size: 16px; font-weight: bold;} #reg #order-company .desc {font-size: 11px; color: #777;} #reg #price.price-shirts {margin: 0; padding: 3px 0 0;} #reg #price.price-shirts .inner {border-top: 1px solid #c5c5c5;} #personal_address h4 {margin: 10px 0; font-weight: bold; font-size: 16px;} /* Order = #obj --------------------------------------*/ #obj header.heading {margin: 0 0 57px;} #obj header.heading h1 {background: #f2f2f2;} #obj #payment {border-bottom: 1px solid #c5c5c5; margin: 0 0 100px; padding: 0 0 65px;} #obj #payment header {border-bottom: 1px solid #c5c5c5; width: 100%; margin: 39px 0 17px; text-align: center; font-size: 30px; line-height: 1;} #obj #payment header h2 .in {background: #f2f2f2; position: relative; top: 17px; display: inline-block; padding: 0 27px; font-weight: bold;} #obj #payment header h2 .in span {display: block; margin: 0 0 4px 0; text-transform: uppercase; font-size: 12px; color: #a8a8a8;} #obj #payment .col {position: relative; float: left; margin: 58px 0 0; padding: 0 0 0 95px;} #obj #payment .ig {background-image: url("img/obj-icons.png"); top: 1px;} #obj #payment h3 {margin: 0 0 9px; line-height: 1.2; font-size: 18px; font-weight: bold;} #obj #payment #bank {width: 310px;} #obj #payment #bank ul li {margin: 5px 0; line-height: 1.3;} #obj #payment #card {float: right; width: 367px;} #obj #payment #card .ig {background-position: 0 -66px;} #obj #payment #card a#pay { background: #64971a; background: -webkit-gradient(linear, left top, left bottom, from(#71a90f), to(#5b8c21)); background: -moz-linear-gradient(top, #71a90f, #5b8c21); display: block; width: 152px; height: 37px; margin: 12px 0 0; line-height: 37px; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; color: #fff; } #obj #payment #card a#pay:hover, #obj #payment #card a#pay:active, #obj #payment #card a#pay:focus {background: #000;} #obj #payment #card img#secure {position: absolute; right: 0; top: 39px;} #obj #payment #card img#cards {border-top: 1px solid #d5d5d5; display: block; margin: 30px 0 0; padding: 16px 0 0;} #obj #status {position: relative; padding: 0 0 0 178px;} #obj #status .in {float: left; width: 565px;} #obj #status header {line-height: 1;} #obj #status header h2 {font-size: 30px; font-weight: bold;} #obj #status header h2 span {display: block; margin: 0 0 4px 0; text-transform: uppercase; font-size: 12px; color: #a8a8a8;} /*#obj #status header h3 {padding: 20px 0 0; font-size: 18px; font-weight: bold;} #obj #status header h3 span {display: block; margin: 0 0 4px 0; text-transform: uppercase; font-size: 12px; color: #a8a8a8;}*/ #obj #status ul#downloads {border-left: 1px solid #c5c5c5; float: right; width: 180px; padding: 21px 0 21px 30px;} #obj #status ul#downloads li {float: left; margin: 0 0 10px;} #obj #status ul#downloads a {background: url("img/pdf.gif") 0 0 no-repeat; float: left; padding: 0 0 0 28px;} #obj #status .ig {background-image: url("img/status.png"); width: 145px; height: 155px;} #obj #status.completed .ig {background-position: 0 -155px;} #obj #status.canceled .ig {background-position: 0 -310px;} #obj #status p#when {padding: 36px 0 0;} #obj #status .address {} #obj #status .address h4 {font-weight: bold;} #obj #status .tip {margin: 45px 0 0; padding: 22px 30px 24px; text-align: left; font-size: 14px; max-width: 470px;} #obj #status .tip h3 {margin: 0 0 6px; font-weight: bold; font-size: 18px;} #obj #status .tip ul {} #obj #status .tip ul li.ticket-person {background: url("img/person.gif") 0 4px no-repeat; padding: 2px 0 8px 22px;} #obj #status .tip ul li li {background: none; padding: 0; line-height: 1.3; font-size: 12px;} #obj .additional {padding: 0 0 0 178px;} #obj .additional header {margin: 78px 0 15px; font-size: 30px; line-height: 1;} #obj .additional header h2 {font-weight: bold;} #obj .additional header h2 span {display: block; margin: 0 0 4px 0; text-transform: uppercase; font-size: 12px; color: #a8a8a8;} #obj #share ul {margin: 25px 0 0;} #obj #share ul li {float: left; margin: 0 70px 0 0;} #obj #share ul li form {text-align: center;} #obj #share ul li label {display: block; padding: 5px 0 0;} #obj #share ul li input {width: 125px; padding: 7px 3px; font-size: 12px; color: #3f3f3f;} #obj #share ul li.social {padding: 85px 0 0;} #obj #share ul li a {background: 50% 0 no-repeat; padding: 45px 0 0;} #obj #share ul li#share-fb a {background-image: url("img/ico-fb.png");} #obj #share ul li#share-tw a {background-image: url("img/ico-tw.png");} #obj #seeyou ul {margin: 21px 0 0;} #obj #seeyou ul li {float: left; margin: 0 15px 0 0;} #obj #seeyou ul a {background: none; position: relative; display: block; width: 42px; height: 41px; padding: 0; overflow: hidden; font-size: 10px;} #obj #seeyou ul a:before {display: inline-block; line-height: 0; font-size: 0;} #obj #seeyou ul #outlook a:before {content: url("img/ico-outlook.gif");} #obj #seeyou ul #gcal a:before {content: url("img/ico-gcal.gif");} #obj #seeyou ul #ical a:before {content: url("img/ico-ical.gif");} .cols .col, .cols2c .col {position: relative; float: left; width: 280px; margin-right: 60px;} .cols .col:last-child, .cols2c .col:last-child {margin-right: 0 !important;} .tip {border: 1px solid #e6e09a; background: #fefac8; clear: both; padding: 24px 20px 25px; text-align: center; font-size: 16px;} .tip a {border-bottom: 1px solid #9e9c83; font-weight: bold; color: #3f3f3f;} .tip a:hover, .tip a:focus, .tip a:active {border-bottom-color: #000; text-decoration: none !important;} .tip .error {color: #c00; font-weight: bold;} .order-paid .tip {margin-bottom: 50px;} /* Location = #loc --------------------------------------*/ #loc .ig, #obj .ig {background: url("img/location-icons.png") no-repeat; position: absolute; left: 0; top: 0; display: block; width: 75px; height: 66px; overflow: hidden;} #loc .col {line-height: 1.5; font-size: 12px;} #loc .col h2 { line-height: 1.2; font-weight: bold; font-size: 14px;} #loc .col p {margin: 0 0 18px;} #loc .col a {text-decoration: underline;} #loc .col a:hover, #loc .col a:focus, #loc .col a:active {text-decoration: none;} #loc .col ul.bull li {background: url("img/bull.gif") 11px 6px no-repeat; margin: 0 0 18px; padding: 0 0 0 30px;} #location .heading {margin: 0 0 55px;} #location .heading h1 {background: #f2f2f2;} #location p#main-address {margin: 0 5px 7px 0; font-size: 12px;} #location p#main-address span {} #location #map {border: 1px solid #c5c5c5; background: #fff; padding: 4px;} #location #map-holder {height: 341px;} #location p#fullmap {margin: 7px 0 0; font-size: 12px;} #location p#fullmap a {text-decoration: underline; font-weight: bold;} #location #rooms {margin: 52px 0 0;} #location #rooms figure {} #location #rooms figure img {border: 1px solid #c5c5c5; background: #fff; display: block; margin: 0 0 6px; padding: 4px;} #location #rooms figure figcaption {padding: 0 5px;} #location #rooms figure figcaption strong {display: block; margin: 0 0 4px; line-height: 1.2; font-size: 14px;} #location #rooms figure figcaption span {display: block;} #location p.tip {margin: 45px 0 0;} #coming .heading {margin: 69px 0 59px;} #coming .heading h1 {background: #f9f9f9;} #coming .cols {background: url("img/location-arrows.gif") 302px 27px no-repeat; margin: 0 0 55px;} #coming .col {min-height: 67px; width: 188px; padding: 0 0 0 92px;} #coming .col .ig {top: 1px;} #coming #coming-metro .ig {background-position: 0 0;} #coming #coming-bus .ig {background-position: -75px 0;} #coming #coming-walk .ig {background-position: -150px -66px;} #coming .col small {position: absolute; left: 0; top: 74px; width: 75px; line-height: 1; text-align: center; font-family: "nimbus sans", arial, helvetica, sans-serif; font-size: 12px; color: #868686;} #coming .col h2 {margin: 0 0 8px;} #coming .cols2c {width: 700px; margin: 56px 0 0 170px;} #coming #coming-taxi {position: relative; width: 240px; margin-right: 0;} #coming #coming-parking .ig {background-position: -150px -132px;} #coming #coming-taxi .ig {background-position: -75px -66px;} #coming .ticktack {position: absolute; left: 4px; top: 85px;} #acommodation .heading {margin: 52px 0 54px;} #acommodation .cols {line-height: 1.5; font-size: 12px;} #acommodation .col {margin-bottom: 37px;} #acommodation img {border: 1px solid #c5c5c5; background: #fff; display: block; padding: 4px;} #acommodation h2 {float: left; width: 620px; margin: 0 0 5px; line-height: 1.2; font-weight: bold; font-size: 18px;} #acommodation h3 {font-weight: bold;} #experience .heading {margin: 40px 0 36px;} #experience #experience-teaser {border: 1px solid #c5c5c5; background: #fff; margin: 0 0 50px; padding: 4px;} #experience #experience-teaser object, #experience #experience-teaser embed, #experience #experience-teaser img {display: block;} #experience .cols {line-height: 1.5; font-size: 12px;} #experience .ig {} #experience #experience-architecture {} #experience #experience-architecture .ig {background-position: 0 -198px;} #experience #experience-beer .ig {background-position: -75px -198px;} #experience #experience-clubs .ig {background-position: -150px -198px;} #experience .col p {padding: 0 0 0 89px;} #coming2prague .heading {margin: 23px 0 73px;} #coming2prague .col {padding: 105px 0 0;} #coming2prague #coming2prague-public .ig {background-position: -75px 0; left: 62px; width: 150px;} #coming2prague #coming2prague-car .ig {background-position: 0 -66px; left: 100px;} #coming2prague #coming2prague-plane .ig {background-position: 0 -132px; left: 100px;} #travel .heading {margin: 26px 0 73px;} #travel .col {padding: 108px 0 0;} #travel .col h2 {margin: 0 0 20px;} #travel #travel-public .ig {left: 24px; width: 225px;} #travel #travel-tickets .ig {background-position: -75px -132px; left: 100px;} #travel #travel-taxi .ig {background-position: -75px -66px; left: 100px;} #travel #travel-taxi .ticktack {margin: 10px 0 0;} #travel p.tip {margin: 38px 0 0;} #tips .heading {margin: 44px 0 95px;} #tips .col {width: 180px; margin: 0 33px 0 0; padding: 0 0 0 35px;} #tips .col .ig {width: 21px; height: 16px;} #tips #tips-acommodation .ig {background-position: 0 -264px;} #tips #tips-clubbing .ig {background-position: -21px -264px;} #tips #tips-pubs .ig {background-position: -42px -264px; top: 1px;} #tips #tips-culture .ig {background-position: -63px -264px; top: 1px;} #tips .col h2 {margin: 0 0 5px; font-size: 18px;} #tips .col ul li {margin: 0 0 1px;} /* Partners = #partners --------------------------------------*/ #main-partners {width: 100%;} #partners h3 {font-weight: bold;} #partners p {margin: 0 0 16px;} #partners .heading {margin: 0 0 70px;} #main-partners .heading h1 {background: #f2f2f2;} #partners .cols {width: 100%; padding: 0 0 60px;} #partners .col {width: 463px; margin: 0 34px 0 0;} #partners .col header h2 {margin: 0 0 19px;} #partners aside.col {background: #e0e0e0; position: relative; width: 403px; margin: 0; padding: 30px 30px 0;} #partners aside header h3 {margin: 0 0 21px; line-height: 1.2; font-size: 24px; font-weight: bold;} #partners aside.col .in {position: relative; padding: 0 0 25px;} #partners aside img {display: block; margin: 0 0 26px;} #partners aside img.fl {margin: 3px 20px 5px 0;} #partners aside img.fr {margin: 3px 0 5px 20px;} #partners aside .item h3, #partners aside .item h4 {margin: 0 0 10px; line-height: 1.2; font-size: 18px; font-weight: bold;} #partners aside .nav {background: url("img/partners-item.png"); position: relative; width: 403px; height: 52px; overflow: hidden;} #partners aside .nav a {position: absolute; left: 179px; top: 17px; display: block; width: 20px; height: 20px; overflow: hidden;} #partners aside .nav a.next {left: 204px;} #partners aside .nav a.prev .ir {background: url("img/partners-item.png") -179px -17px;} #partners aside .nav a.next .ir {background: url("img/partners-item.png") -204px -17px;} #partners aside .nav a.prev:hover .ir, #partners aside .nav a.prev:focus .ir, #partners aside .nav a.prev:active .ir {background-position: -403px -17px;} #partners aside .nav a.next:hover .ir, #partners aside .nav a.next:focus .ir, #partners aside .nav a.next:active .ir {background-position: -423px -17px;} /* Startup Show = #startup --------------------------------------*/ #main-startup {width: 100%;} #startup .heading {margin: 0 0 70px;} #startup .cols {width: 100%; padding: 0 0 60px;} #startup .col1 {width: 498px; float: left;} #startup .col1 .heading {margin: 40px 0 60px 0;} #startup .col1 .in {padding-right:50px;} #startup .col2 {width: 462px; float: left; background-color: #fff;} #startup .col2 .in {width: 364px; padding: 20px 49px;} #startup .col2 .heading {margin-bottom: 40px; font-size: 24px} #startup .col2 .heading h1 {background-color:#fff;color:#ff8200;} #startup .registration_closed .col2 {background-color: transparent;} #startup .registration_closed .col2 p.tc {font-size: 120%;} #startup form #outer-errors {padding: 0 0 15px 0;} #startup form #outer-errors p.errors {background: url("img/ico-error.png") 0 0 no-repeat; margin: 0 0 10px; padding: 0 0 0 35px; font-size: 16px; font-weight: bold; color: #c00;} #startup form #outer-errors ul.errorlist {margin: 0 0 10px 35px; color: #c00;} #startup .col2 form label {position: relative; clear: left; display: inline-block; width: 364px; padding: 0 0 13px;} #startup form label span, #newsletter form label span {display: block; margin: 0 0 5px;} #startup form label small {position: absolute; right: 0; top: 4px; font-size: 11px; color: #b1b1b1;} #startup form label span.help-text {margin: 0; padding: 3px 0 0; font-size: 12px; color: #999;} #startup form label strong.errormsg, #startup form .form-field strong.errormsg {display: block; margin: -5px 0 2px; font-size: 12px; color: #c00;} #startup form label input[type=text], #startup form label input[type=email], #startup form input[type=text], #startup form textarea, #startup .additional ul li input /* (support badge) */ { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid #c5c5c5; border-width: 1px 1px 2px; -webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch; -o-border-image: url("img/textinput-b.gif") 1 1 2 stretch; border-image: url("img/textinput-b.gif") 1 1 2 stretch; background: #fff url("img/textinput.gif") repeat-x; width: 100%; margin: 0; padding: 7px 10px; } #startup form textarea {height: 100px;} #startup form label.field-error input[type=text], #startup form label.field-error input[type=email], #startup form label.field-error textarea { border: solid #c00; border-width: 1px 1px 2px; -webkit-border-image: url("img/textinput-be.gif") 1 1 2 stretch; -moz-border-image: url("img/textinput-be.gif") 1 1 2 stretch; -o-border-image: url("img/textinput-be.gif") 1 1 2 stretch; border-image: url("img/textinput-be.gif") 1 1 2 stretch; } #startup form label.w40 {width: 161px; margin: 0 35px 0 0;} #startup form label.w40.last {margin: 0;} #startup form label.w80 {width: 280px; margin: 0 35px 0 0;} #startup form .contact {margin: 20px 0 0 0;} #startup form .demo {margin: 20px -20px; padding: 40px 20px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;} #startup form .demo h2 {font-weight: bold; margin-bottom: 10px;} #startup form input.hand {border: 0; width: auto; height: 40px; line-height: 40px; padding: 0 50px; float: right;} #main-startup .heading h1 {background: #f2f2f2;} #main-startup #prices-heading {clear: both; padding: 35px 0 0;} #main-startup #prices-heading h1 {background: #fff;} #main-startup #rules-heading {margin-top: 40px;} #startup .startupLogo {background-color: #d93882; color: #fff; padding: 50px 100px 60px 100px; text-align: center; margin: 0 0 -15px 0;} #startup .startupLogo p {font-size: 110%; margin: 50px 0 0 0;} #startup .colt1 {padding: 0 0 0 90px; font-size: 90%;} #startup .pravidlaSouteze {background: url(img/pravidlasouteze.gif) 0 0 no-repeat;} #startup .cenyproviteze {background: url(img/cenyproviteze.gif) 0 0 no-repeat; clear: both;} #startup .cenyproviteze .col1, #startup .pravidlaSouteze .col1 {width: 408px;} #startup .pravidlaSouteze .col1 p {padding-right: 50px;} #startup .colt1 p {margin: 25px 0 15px 0;} #startup .colt1 p.first {margin-top: 0;} #startup .colt1 ul {padding: 0 0 0 17px;} #startup .colt1 ul li {list-style-type: disc; margin: 0 0 15px;} #startup .colt1 ul li li {margin: 10px 0 0;} #jury .juryBox {width: 195px; float: left; margin: 0 60px 0 0; padding: 0 0 60px; font-size: 12px;} #jury .juryBox.last {margin-right: 0;} #jury .juryBox img {border-top: 2px solid #ff8200; display: block;} #jury .juryBox header {line-height: 1.2; font-weight: bold;} #jury .juryBox h2, #jury .juryBox h3 {margin: 7px 0 1px; font-size: 16px; color:#ff8200; font-weight: bold;} #startup #main-partners .heading h1 {background-color:#fff;} #st-partners section {float: left; width: 444px;} #st-partners section:first-child {margin-right: 72px;} #st-partners section header {margin: 38px 0 58px; font-size: 24px;} #st-partners a {float: left; height: 50px; margin: 0 20px 50px; padding: 0; text-align: center; width: 200px;} #st-partners a#microsoft {padding-top: 7px;} #st-partners a#openfund {padding-top: 3px;} /* Startup Expo = #stexpo --------------------------------------*/ #stexpo .heading.first h1 {background: #f2f2f2;} #stexpo #description {position: relative; width: 100%; margin: 69px 0 24px;} #stexpo #description img.finalist {position: absolute; right: -37px; top: -33px; display: block;} #stexpo #description figure {background: #d93882; float: left; width: 343px; padding: 20px; text-align: center;} #stexpo #description figure img {display: block;} #stexpo #description figcaption {padding: 18px 0 0; line-height: 1.3; font-size: 16px; color: #fff;} #stexpo #description figcaption a {color: #fff;} #stexpo #description header {border-bottom: 1px solid #c5c5c5; margin: 0 0 23px; padding: 0 0 25px;} #stexpo #description header img {float: right;} #stexpo #description header h2 {line-height: 1.2; font-size: 24px; font-weight: bold;} #stexpo #description header p {font-size: 14px; color: #666;} #stexpo #description .inner {background: #fff; float: right; width: 477px; min-height: 230px; padding: 46px 50px 33px; line-height: 1.5; font-size: 12px;} #stexpo #description h3 {margin: 22px 0 10px; font-size: 18px; font-weight: bold;} #stexpo #description .inner ul, #stexpo #description .inner p {margin: 0 0 12px;} #stexpo #description .inner li {background: url("img/bull.gif") 2px 7px no-repeat; margin: 0 0 4px; padding: 0 0 0 15px;} #stexpo .nav {background: url("img/stexpo-controls.png"); position: relative; top: -10px; clear: both; width: 577px; height: 20px; margin: 0 0 0 383px; overflow: hidden;} #stexpo .nav a {position: absolute; left: 266px; top: 0; display: block; width: 20px; height: 20px; overflow: hidden;} #stexpo .nav a.next {left: 291px;} #stexpo .nav a.prev .ir {background: url("img/stexpo-controls.png") -266px 0;} #stexpo .nav a.next .ir {background: url("img/stexpo-controls.png") -291px 0;} #stexpo .nav a.prev:hover .ir, #partners aside .nav a.prev:focus .ir, #partners aside .nav a.prev:active .ir {background-position: -577px 0;} #stexpo .nav a.next:hover .ir, #partners aside .nav a.next:focus .ir, #partners aside .nav a.next:active .ir {background-position: -597px 0;} #stexpo #jury {overflow: hidden; margin: 0 0 18px;} #stexpo #jury .heading {margin-bottom: 50px;} /*Prob deprecated*//*#stexpo #jury #masonry {width: 1020px;}*/ #jury .juryBox .note {background: #444; position: relative; width: 165px; margin: 27px 0 0; padding: 0 15px; color: #fff;} #jury .juryBox .note div {background: url("img/jurynote.png") no-repeat; position: absolute; left: 0; display: block; width: 195px; height: 18px; overflow: hidden;} #jury .juryBox .note .t {top: -18px;} #jury .juryBox .note .b {background-position: 0 -18px; bottom: -10px; height: 10px;} #jury .juryBox .note p {padding: 5px 0;} #jury .juryBox .note li {padding: 5px 0;} #jury .juryBox .note li strong {display: block;} #stexpo #startups {} #stexpo #startups .startups-h {margin: 0 0 -8px; font-size: 18px; font-weight: bold;} #stexpo #startups .item {position: relative; float: left; width: 168px; height: 142px; margin: 30px 30px 0 0;} #stexpo #startups .finalists {margin: 0 0 43px; /*padding: 56px 0 0;*/} #stexpo #startups .finalists .item {margin-top: 86px;} #stexpo #startups .item img {display: block;} #stexpo #startups .item:nth-child(5n+5) {margin-right: 0;} #stexpo #startups .last {margin-right: 0;} #stexpo #startups .item .finalist {position: absolute;} #stexpo #startups .item .finalist1 {left: -4px; top: -60px;} #stexpo #startups .item .finalist2 {left: -10px; top: -48px;} #stexpo #startups .item .finalist3 {left: 1px; top: -40px;} /* Newsletter = #static --------------------------------------*/ #newsletter .heading h1 {background: #f2f2f2;} #newsletter ul {margin: 20px 0;} #newsletter ul.errorlist li {background: url("img/ico-error.png") 0 0 no-repeat; padding: 1px 0 2px 35px; font-weight: bold; color: #c00;} #newsletter p {margin: 20px 0;} #newsletter form {margin: 30px 0 0;} #newsletter form label, #nwslttr form label {float: left;} #newsletter form input#signup, #nwslttr form input#signup {border: 0; width: auto; float: left; height: 31px; line-height: 31px; margin: 26px 0 0 8px; padding: 0 15px;} #newsletter form input#signoff { background: #393939; background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#393939)); background: -moz-linear-gradient(top, #505050, #393939); border: 0; float: left; height: 31px; margin: 26px 0 0 7px; padding: 0 10px; line-height: 31px; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; color: #fff; } #newsletter form input#signoff:hover, #newsletter form input#signoff:focus, #newsletter form input#signoff:active {background: #000;} /* Some small static pages = #static --------------------------------------*/ #static .heading h1 {background: #f2f2f2;} #static p {margin: 20px 0;} /* Guests = #guests --------------------------------------*/ #guests .heading {margin: 0 0 47px;} #guests .heading h1 {background: #f2f2f2;} #guests .in {background: url("img/attendees.png") 0 2px no-repeat; min-height: 245px; margin: 50px 0 0; padding: 0 0 0 340px;} #guests table {table-layout: auto; width: 620px;} #guests table tr:nth-child(2n-1) th, #guests table tr:nth-child(2n-1) td {background: #e5e5e5;} #guests table th, #guests table td {padding: 11px 10px; line-height: 1.3;} #guests table th {white-space: nowrap;} #guests table th span {font-size: 12px; color: #8a8a8a;} #guests table td {overflow: hidden; word-wrap: break-word; font-size: 12px;} #guests table tr.design th strong {color: #eb008b;} #guests table tr.development th strong {color: #f16521;} #guests table tr.business th strong {color: #007dc4;} #guests table tr.agile th strong {color: #a0cc3a;} /* Guests = #guests --------------------------------------*/ #stream .heading h1 {background: #f2f2f2;} #stream p.first {margin: 45px 0 40px;} #stream p {margin-bottom: 20px;} #stream #streams {margin-bottom: 30px;} #stream #streams object, #stream #streams embed {display: block;} #stream #streams .rightVideo {margin: 0 0 10px;} #stream #streams .leftVideo {float: left;} #stream #streams .chat {float: right; width: 500px;} #stream .info {font-size: 12px;} /* Footer --------------------------------------*/ #footer {background: url("img/footer.png") 50% 0 no-repeat; margin: 95px 0 0; padding: 32px 0 30px;} #footer nav a[href^="http"]:hover, #footer .fr a[href^="http"]:hover, #footer nav a[href^="http"]:focus, #footer .fr a[href^="http"]:focus, #footer nav a[href^="http"]:active, #footer .fr a[href^="http"]:active {background: none;} #footer .fl {width: 745px;} #footer nav ul {float: left; width: 216px; margin: 0 32px 0 0;} #footer nav ul li {padding: 5px 0;} #footer nav ul strong {background: url("img/footer-a.gif") 100% 50% no-repeat; position: relative; left: -10px; padding: 6px 65px 6px 10px; color: #fff;} #footer nav ul strong span {background: #3f3f3f;} #footer nav ul li small {color: #a2a2a2;} #footer .fl p {width: 100%; margin: 28px 0 0; font-size: 12px; color: #9a9a9a;} #footer .fl p br {display: none;} #footer .fl p img {position: relative; top: -3px; margin: 0 0 0 15px; vertical-align: middle;} #footer .fr {width: 215px;} #footer .fr ul {padding: 5px 34px 0;} #footer .fr ul li {margin: 0 0 20px;} #footer .fr ul a#f-tw {background: url("img/footer-tw.png") 0 0 no-repeat; padding: 5px 0 5px 33px;} #footer .fr ul a#f-fb {background: url("img/footer-fb.png") 0 0 no-repeat; padding: 5px 0 5px 33px;} #footer .fr ul a#f-vimeo {background: url("img/footer-vimeo.png") 0 0 no-repeat; padding: 5px 0 5px 33px;} #footer .fr ul a#f-yt {background: url("img/footer-yt.png") 0 0 no-repeat; padding: 5px 0 5px 33px;} #footer .fr p {margin: 48px 0 5px; padding: 0 20px; line-height: 1.2; text-align: center; font-size: 12px;} #footer .fr small {display: block; padding: 0 20px; text-align: center; font-size: 12px;} #footer .fr small a {margin: 0 7px;} #footer .fr p a:hover, #footer .fr p a:focus, #footer .fr p a:active, #footer .fr small a:hover, #footer .fr small a:focus, #footer .fr small a:active {text-decoration: underline;}