#main div.view {position:relative;} #main .view div.view-top {position:absolute;top:0; background:#000;width:960px;height:320px;} #main .view div.view-center {padding-top:320px;} h2.preview {margin:5px 0;} #main div.view-top div.video {background: #000 no-repeat center center;width:695px;height:320px;position:absolute; left:0px; font-weight:bold; font-size: 40px; color: white; text-align: center; vertical-align: middle; line-height: 240px; } /* w:946 */ #main div.view-top div.video a {background: transparent; width:695px;height:320px;position:absolute; left:0px; } #main div#details {background: url(/img/videodetails-bcg.png) no-repeat 0 0;width:265px;height:320px; position:absolute; top:0; right:0;} #main div#details.bundle {background: url(/img/videodetailsbundle-bcg.png) no-repeat 0 0;width:265px;height:320px; position:absolute; top:0; right:0;} #main div#details div.price {width:265px;height:155px; padding-top:10px; position:absolute; top:0; right:0; text-align: center; vertical-align: middle;} #main div#details div.price p.old {font-size: 20px; font-weight: bold; margin:0; text-align:center; text-decoration: line-through;} #main div#details div.price p.big {font-size: 24px; font-weight: bold; color: #000; margin:0; text-align:center;} #main div#details div.price p.small {display: block; font-size: 12px; font-weight:normal; color: #000; margin:0; text-align:center;} #main div#details div.price a {display:block; height:50px; width:176px; text-indent:-20000px; background: url(/img/kupteraz-btn.png) no-repeat 0 0; margin: 15px auto 0;} #main div#details div.price.discounted a {margin: 2px auto 0;} #main div#details div.price a:hover {background: url(/img/kupteraz-btn.png) no-repeat 0 100%;} #main div#details div.price a:focus {-moz-outline-style:none;outline-style:none} #main div#details.bundle div.price {padding-top:10px;} #main div#details.bundle div.price a {margin-top:5px;} #main div#details div.presenter, #main div#details div.length, #main div#details div.date, #main div#details div.folder {width:225px;height:50px; position:absolute; margin:0 20px 0 20px;} #main div#details div.presenter {top:155px; right:0; border-bottom: 1px solid #e5e5e5;} #main div#details div.presenter.male {background: url(/img/icons/presenter.png) no-repeat 100% 100%;} #main div#details div.presenter.female {background: url(/img/icons/she_presenter.png) no-repeat 100% 100%;} #main div#details div.length {top:210px; right:0; border-bottom: 1px solid #e5e5e5; background: url(/img/icons/length.png) no-repeat 100% 100%;} #main div#details div.date {top:270px; right:0; background: url(/img/icons/date.png) no-repeat 100% 100%;} #main div#details div.folder {top:269px; right:0; background: url(/img/icons/bundle.png) no-repeat 100% 100%;} #main div#details div strong {display: block; font-size:14px; font-weight: bold; color: #00404d; padding: 10px 0 0;} #main div.view-center {overflow:visible; display:block; border-left: 675px solid white; width:285px; position:relative;} #main div.view-center div.right {width:265px; padding:5px 0 0; display:inline; position:relative;float:right; margin-top:15px;} #main div.view-center div.right div.right-inner {padding:0 0 15px 0; border:0;} #main div.view-center div.right div {padding:0 20px; overflow:hidden;} #main div.view-center div.right div h3 {margin:20px 0 5px 0;} #main div.view-center div.center {width:675px; float:left; position:relative; padding:0 20px 5px 0; margin-left:-675px; text-align:justify; line-height:1.5;} * html #main div.view-center div.center {width:675px;padding:20px 0 5px 0;} #main div.view-center h4 {margin:20px 0 10px 0;} #main div.view-center h4.border {padding: 10px 0 0; border-top:1px solid #dcdcdc;} #main div.view-center ul, #main div.view-center ol {padding:0 0 0 40px; margin:12px 0; } #main div.view-center ul {list-style-type:disc;} #main div.view-center ol {list-style-type:decimal;} #main div.view-center .bundle {background: url(/img/bundle-bcg.png) no-repeat 0 0;} #main div.view-center .bundle-inner {background: url(/img/bundle-bcg.png) no-repeat 0 100%;padding-bottom:5px;} #main div.view-center table.extras {margin:0 0 0 1px; width:500px;} #main div.view-center .bundle-content {list-style-type:none; width:500px; font-size:13px; padding:0; border:1px solid #d9d9d9;} #main div.view-center .bundle-content li {background: url(/img/icons/arrow_right.gif) no-repeat 0 50%; padding:5px 0 5px 15px;} #main div.view-center .bundle-content li.odd {background-color:#f5f5f5;} #main div.view-center .bundle-content li a {font-weight:bold; display:block; text-decoration: none;} #main div.view-center .bundle-content li span {float:right; text-align:right; color:#666; font-weight:normal;} #main .bundlethumb-outer {clear:both;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea; background:#fff; padding-bottom:10px;} #main .bundlethumb-inner {padding:0 10px 27px 15px; overflow:hidden;} #main .bundlethumb-inner .preview {float:right; display:block; width:244px; height:180px; margin:15px 0 0 10px; padding:7px 0 0 10px; background:url(/img/bundlethumb.png) no-repeat 0 0;} #main .bundlethumb-inner h3 {font-weight:normal; font-size:18px;padding:0;} #main .bundlethumb-inner .ss{width:220px; height:161px;} #main .bundlethumb-inner .ss a.video{text-align:center; width:220px;display:block;} #main .bundlethumb-inner ul.dets {margin:0; list-style-type:none;padding:0; color:#000;} #main .bundlethumb-inner div.descr {width:340px; overflow:hidden; display:inline;} #main .bundlethumb-outer a.more { color:#000; padding: 3px 8px; width: 80px; text-align:center; display:block; margin: 15px 0 0 15px; background:#dcdcdc; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} #main .bundlethumb-outer a.more:hover {background:#00404d; color:#fff;text-decoration:none;} #main .bundlethumb-outer a.more:focus {outline:none;} #main div.view-center .right .author {overflow:hidden;} #main div.view-center .right .author img {float:left; width:75px; height:75px; padding: 5px; border: 1px solid #ebebeb; margin: 0 10px 5px 0;} #main div.view-center .right .author p {margin: 0;} #main div.view-center .right .howToBuy span {line-height:1.5;} #main div.view-center .right .howToBuy ol li {line-height:1.5;} #main div.view-center .left {background: url(/img/sidebar-bcg1.png) no-repeat -4px 100%; padding-bottom:60px;} #main div.view-center .left #sidebar ul.submenu li a {outline:none; display: block; width:100%; background: url(/img/submenuitem-bcg.png) no-repeat 100% 0; text-align: left; color:#00404d; height:38px; width:170px; padding:0 0 0 20px;} #main div.view-center .left #container #sidebar {background: url(/img/sidebar-bcg1.png) no-repeat -4px 0;} #main div.view-center .left #sidebar ul.submenu {padding: 0 0 15px 15px; width: 183px;} #main div.view-center .left #sidebar ul.submenu li {display: block;height:38px;line-height: 38px; } #main div.view-center .left #sidebar ul.submenu li a {outline:none; display: block; width:100%; background: url(/img/submenuitem-bcg.png) no-repeat 100% 0; text-align: left; color:#00404d; height:38px; width:164px; padding:0 0 0 20px;} #main div.view-center .left #sidebar ul.submenu li a:hover {text-decoration:none; background: url(/img/submenu-hover.png) no-repeat 9px 0; } #main div.view-center .left #sidebar ul.submenu li a.active {background: url(/img/submenu-selected.png) no-repeat 9px 0;} #main div.seealso {overflow:hidden;display:block;width:660px;} @media screen and (max-width: 768px) { body { font-size: 16px; } #head { width: 100%; } #head div#headline { display: none; } #head div#toolbox { font-size: 14px; } /* menu */ #head ul.menu { width: 100%; top: 86px; } #head ul.menu li { height: 27px; } #head ul.menu li a { width: 100px; height: 27px; line-height: 27px; } #head ul.menu li.active a { height: 27px; } /* strona produktu */ #main { width: 100%; } #main div#details {background: url(/img/videodetails-bcg.png) no-repeat 0 0;width:265px;height:320px; position:relative; top:320px; left:10px; font-size: 14px;} #main div.view-center div.right { position: relative; top: 0px; left: 10px; font-size: 14px; width: 100%; } div#search { position: absolute; top: 56px; left: 56px; } #main .view div.view-top { width: 106%; } #main div.view-top div.video { width: 100%; } #main div.view-top div.video a { width: 100%; } #main div.view-center div.center { margin-left: 10px; margin-right: 10px; margin-top: 320px; width: 95%; } #main div.view-center { border-left: 10px; width: 100% } h2.preview { margin-left: 10px; } #wrapperkalmaouter { width: 100%; position: fixed; top: 270px; right: 0; z-index: 2147483647; } #footer { width: 100%; } #foot { width: 100%; font-size: 14px; } #foot .r { width: 100%; } }