/* 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 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;} .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 {position: absolute; top: -10000em;} /* 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 {font-family: "nimbus sans", arial, helvetica, sans-serif; letter-spacing: -1px;} #header h1 {position: absolute; z-index: 2; right: 190px;} #home #header h1 {top: 119px; right: 172px;} #header 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 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;} #header #votvirak {position: absolute; z-index: 1; left: 20px; top: 69px; display: block; width: 960px; height: 452px; overflow: hidden; letter-spacing: 0; color: #fff;} #header #votvirak-in figure.holder {width: 960px; height: 452px !important; overflow: hidden;} #header #votvirak img.theme {display: block;} #header #votvirak strong.location {position: absolute; left: 30px; top: 28px; font-size: 18px; font-weight: normal; text-shadow: rgba(0, 0, 0, 0.39) 1px 1px 0;} #header #votvirak figure.zoom {position: absolute; left: 30px; bottom: 30px; } #header #votvirak figure.zoom figcaption {margin: 0 0 5px; line-height: 1;} #header #votvirak figure.zoom figcaption strong {display: block;} #header #votvirak figure.zoom figcaption .desc {display: none;} #header #votvirak figure.zoom figcaption.detail {background: #fff; position: absolute; padding: 18px 20px 13px; line-height: 1.3; color: #3f3f3f;} #header #votvirak figure.zoom figcaption.detail strong {display: inline; color: #1caeae;} #header #votvirak figure.zoom figcaption.detail .desc {display: block;} #header #votvirak figure.zoom div {position: relative; width: 208px; height: 103px; overflow: hidden;} #header #votvirak figure.zoom img {position: absolute; left: 0; top: 0; display: block;} #header #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;} #header #votvirak .tagl {padding-right: 10px;} #header #votvirak .tagr {background-position: 0 0; padding-left: 11px;} #header #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;} #header #votvirak .tagl span {left: -14px;} #header #votvirak .tagr span {background-position: 100% 0; right: -14px;} /* non-js skryti */ #header #votvirak #marek, #header #votvirak #eliska, #header #votvirak #petradam {display: none;} /* Dusan */ #header #votvirak #dusan .tag1 {right: 97px; top: 71px;} #header #votvirak #dusan .tag2 {left: 651px; bottom: 161px;} #header #votvirak #dusan .tag3 {right: 565px; bottom: 35px;} #header #votvirak #dusan figure.zoom figcaption.detail {bottom: 49px; left: 535px; width: 272px;} /* Marek */ #header #votvirak #marek .tag1 {left: 139px; top: 195px;} #header #votvirak #marek .tag2 {right: 451px; top: 187px;} #header #votvirak #marek figure.zoom figcaption.detail {bottom: 111px; left: 559px; width: 291px;} /* Eliska */ #header #votvirak #eliska .tag1 {right: 737px; top: 71px;} #header #votvirak #eliska .tag2 {left: 539px; bottom: 98px;} #header #votvirak #eliska figure.zoom figcaption.detail {bottom: 99px; left: 445px; width: 274px;} /* Petr a Adam */ #header #votvirak #petradam figure.zoom figcaption span.second {position: absolute; display: block; right: 0; top: 0;} #header #votvirak #petradam figure.zoom figcaption span.second strong span {display: none;} #header #votvirak #petradam figure.zoom figcaption.detail span.second {position: static; display: inline;} #header #votvirak #petradam figure.zoom figcaption.detail span.second strong span {display: inline;} #header #votvirak #petradam .tag1 {left: 524px; bottom: 177px;} #header #votvirak #petradam .tag2 {right: 131px; bottom: 114px;} #header #votvirak #petradam figure.zoom figcaption.detail {bottom: 48px; left: 534px; width: 304px;} #header #votvirak-nav {position: absolute; z-index: 10; left: 460px; bottom: 10px;} #header #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;} #header #votvirak-nav a.activeSlide {background-position: 100% 0;} #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;} .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;} 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: 17px; display: inline; padding: 0 20px 0 0;} .button { 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;} #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 {font-size: 12px; font-weight: bold;} #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: 0 0 2px 206px; font-size: 18px; font-weight: bold;} #theshow .hover h3 a {text-decoration: underline; color: #000;} #theshow .networking p {margin: 0 0 0 206px;} #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 span {} #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;} #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: -3px;} #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;} .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;} #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;} #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 table tbody td#program-start {padding: 53px 0 0; line-height: 1.15; text-align: center;} #program table tbody td#program-start h2 {display: block; font-size: 30px; font-weight: bold;} #program table tbody td#program-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;} #program table tbody tr.talks td .followed-by {color: #8B8B8B; display: block; font-size: 11px; padding: 10px 0;} #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 div {-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 div {background: #fff url("img/ico-4sq.png") 30px 50% no-repeat;} #program table tbody tr#jobhall div {background: #fff url("img/jobhall.jpg") 30px 30px no-repeat;} #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 div p {line-height: 1.3;} #program table tbody tr#swarm div p {font-weight: bold;} #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#raut td {background: url("img/raut.jpg") 191px 103px no-repeat; padding: 35px 198px 80px 388px;} #program table tbody tr#raut h3 {margin: 0 0 28px; line-height: 1.15; font-weight: bold; font-size: 30px; color: #3f3f3f;} #program table tbody tr#raut p {margin: 18px 0; font-weight: bold;} #program table tbody tr#raut p img {margin: 0 0 0 3px; vertical-align: middle;} #program table tbody tr#raut 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; padding: 0 0 38px;} #program.thu #workshops .in {background: url("img/workshops-ill.png") 560px 100% no-repeat; position: relative; min-height: 277px; padding-bottom: 0;} #program.thu #workshops.en .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: #717171;} #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/comoill.jpg") 0 218px no-repeat; padding: 69px 0;} #program.thu #shopio 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 #como {position: relative;} #program.thu #como img {position: absolute; left: -319px; top: 1px;} #program.thu #poker {background: url("img/poker.jpg") 0 149px no-repeat; padding: 0 0 69px;} #program.thu #poker img {margin: 16px 0;} #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 {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;} #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 {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;} #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 .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 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/talk-article.png") no-repeat; padding: 30px 30px 0;} #talk-detail #talk #content {background: url("img/talk-detail.png") repeat-y; padding-left: 70px; padding-right: 70px;} #talk-detail #talk footer {background: url("img/talk-article.png") 0 100% no-repeat; padding: 0 70px 69px;} #reg {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} #reg noscript p.tip {margin: 0 0 30px;} #reg noscript p.tip span {background: url("img/ico-warn.png") no-repeat; padding: 2px 0 3px 35px;} #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 fieldset.basics {width: 404px; padding: 0 0 0 40px;} #reg form label, #newsletter form 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 {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 {margin: 0; padding: 3px 0 0; font-size: 12px; color: #999;} #reg form label strong.errormsg, #reg form .form-field 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], #obj .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; 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; 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 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; 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; border-image: none; background: transparent none; width: 364px; padding: 0 0 20px;} #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 {font-size: 18px; font-weight: normal;} #reg fieldset#price .fr {line-height: 1.3; text-align: right;} #reg fieldset#price .fr strong {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 strong.errormsg {} #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: 90px auto 60px;} #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 {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.attender1 {margin-top: 26px;} #reg fieldset.attender h2 {background: #d5d5d5; position: relative; width: 444px; font-size: 18px;} #reg fieldset.attender h2 .area {display: block; width: 364px; padding: 20px 40px 17px; cursor: pointer;} #reg fieldset.attender h2:hover .area {background: #c1c1c1;} #reg fieldset.attender h2 .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 {background-position: 0 0; top: 26px;} #reg fieldset.attender h2 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 {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 {background-position: -25px 0;} #reg fieldset.attender .inner {width: 100%; padding: 33px 0 0;} #reg fieldset.attender fieldset.basics label {width: 284px;} #reg fieldset.attender fieldset.basics label.twitter {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;} #obj {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} #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 {font-size: 30px; line-height: 1;} #obj #status header h2 {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 ul#downloads {border-left: 1px solid #c5c5c5; float: right; width: 180px; padding: 21px 0 21px 30px;} #obj #status ul#downloads li {margin: 0 0 10px;} #obj #status ul#downloads a {background: url("img/pdf.gif") 0 0 no-repeat; padding: 3px 0 3px 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 {clear: ; padding: 36px 0 0;} #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; 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;} #loc {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} #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; padding: 0 0 0 92px; width: 188px;} #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: 620px; margin: 56px auto 0;} #coming #coming-taxi {margin-right: 0;} #coming #coming-parking .ig {background-position: -150px -132px;} #coming #coming-taxi .ig {background-position: -75px -66px;} #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 {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 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 {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} #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 {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} #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 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; 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; 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;} #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 {width: 408px;} #startup .colt1 p {margin: 25px 0 15px 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;} #startup #jury .juryBox {width: 197px; float: left; margin: 0 56px 25px 0;} #startup #jury .juryBox.last {margin-right: 0;} #startup #jury .juryBox img {border-top: 2px solid #ff8200;} #startup #jury .juryBox header {font-weight: bold;} #startup #jury .juryBox h2 {font-size: 120%; 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;} #newsletter {background: url("img/sub2.gif") repeat-x; min-height: 300px; padding: 32px 0 0;} #newsletter .heading {margin: 0 0 50px;} #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 {float: left;} #newsletter 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;} #static {background: url("img/sub2.gif") repeat-x; min-height: 300px; padding: 32px 0 0;} #static .heading {margin: 0 0 50px;} #static .heading h1 {background: #f2f2f2;} #static p {margin: 20px 0;} #guests {background: url("img/sub.png") repeat-x; min-height: 1162px; padding: 32px 0 0;} #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;} #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 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-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;}