body {background:#e9eaf3 url('/templates/images/mainBg.png') no-repeat top center; padding:0; margin:0; border-top:7px solid #d7d9e9} body, td, div, p {font-family:Arial, sans-serif;} p {margin:0; padding:0} a {color:#36559a} .l {float:left} .r {float:right} .clr {width:1px; height:1px; overflow:hidden; clear:both} #hugger1 {position:relative; margin:0 auto; width:1005px; overflow:hidden; padding-top:120px;} #hugger2 {background:url('/templates/images/page-middle.png') repeat-y; background-size:100% auto} table { border-style:hidden !important;} a.logo {text-decoration:none; display:block; position:absolute; top: 26px; left:425px; width:145px; height:81px; overflow:hidden; } a.logo span {display:none} a.icon span { display:none } a.icon.facebook {width:35px; height:35px; margin-top:15px; display:inline-block; background:url('/templates/images/facebook-icon.png') no-repeat top left; background-size:35px 35px;} #leftBar {float:left; width:204px; overflow:hidden; position:relative; top:-9px; background:url(images/left-top.png) no-repeat top left; background-size:100%} #leftBar .inner {width:179px; padding-left:20px;} #leftBar .inner .block {background:#fffbf5 url(images/left-divider.png) repeat-x top left; padding:20px 15px 20px 15px;} #leftBar h2 {font-size:14px; color:#1b1b1b; text-transform:uppercase; margin:0; padding:0; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;} #block-views-exp-search-page .wrapper1 { float:left; position:relative; width:109px; height:29px; background:url(images/search-left.png) no-repeat top left; padding-left:2px;} #block-views-exp-search-page {padding-bottom:25px !important; padding-top:19px;} #block-views-exp-search-page .wrapper1 div {height:29px; background:url(images/search-right.png) no-repeat top right; padding-right:2px; vertical-align:top; margin:0 !important} #block-views-exp-search-page .wrapper1 div input {background:url(images/search-middle.png) repeat-x top left; width:99px; padding:0 4px 0 4px; margin:0; border:0; height:29px;} #block-views-exp-search-page input#edit-submit-search { width:32px; height:29px; overflow:hidden; padding:0; margin:0; background:url(images/searchButton.png) no-repeat; border:0; margin-left:4px; font-size:1px; line-height:1px; cursor: pointer; cursor:hand; color:#3d5ea3} #rightBar {width:801px; overflow:hidden; float:left; background:url('/templates/images/void-right.png') top right no-repeat; background-size:20px 268px } #rightBar .inner {width:781px;} #sectionLinks {width:781px; height:271px; position:relative; z-index: 2;} #sectionLinks a.section {display:block; position: relative; z-index: 2; font-family: 'Ubuntu Condensed', sans-serif; font-size:14px; color:#2f2f2f; height:250px; position:relative; float:left; text-decoration:none; overflow:hidden} #sectionLinks .section h2 {margin:0; padding:0 0 5px 0; font-size:21px; color:#315097; font-weight:normal} #sectionLinks a.deck01 {width:147px; background:url(/images/deck01.jpg) no-repeat; padding:21px 0 0 8px; z-index: 2; background-size:155px 271px;} #sectionLinks a.deck02 {width:150px; background:url(/images/deck02.jpg) no-repeat; padding:21px 0 0 8px; z-index: 2; background-size:158px 271px;} #sectionLinks a.deck03 {width:149px; background:url(/images/deck03.jpg) no-repeat; padding:21px 0 0 8px; z-index: 2; background-size:157px 271px;} #sectionLinks a.deck04 {width:149px; background:url(/images/deck04.jpg) no-repeat; padding:21px 0 0 8px; z-index: 2; background-size:157px 271px;} #sectionLinks a.deck05 {width:146px; background:url(/images/deck05.jpg) no-repeat; padding:21px 0 0 8px;z-index: 2; background-size:154px 271px;} #sectionLinks a.deck01:hover {background-image:url(/images/deck01h.jpg);} #sectionLinks a.deck02:hover {background-image:url(/images/deck02h.jpg);} #sectionLinks a.deck03:hover {background-image:url(/images/deck03h.jpg);} #sectionLinks a.deck04:hover {background-image:url(/images/deck04h.jpg);} #sectionLinks a.deck05:hover {background-image:url(/images/deck05h.jpg);} #sub1Content {position:absolute; top:30px; left:0px; width:781px; background:url(images/titleOverBottom1.png) bottom left no-repeat; padding-top:0px; padding-bottom:16px;} #sub1Content .inner { background:#faf4eb url(images/titleOverMiddleOrange.gif) bottom left repeat-x; height:148px; overflow:hidden} #sub2Content {position:absolute; top:30px; left:0px; width:781px; background:url(images/titleOverBottom2.png) bottom left no-repeat; padding-top:0px; padding-bottom:16px;} #sub2Content .inner { background:#faf4eb url(images/titleOverMiddleOrange.gif) bottom left repeat-x; height:148px; overflow:hidden} #sub3Content {position:absolute; top:30px; left:0px; width:781px; background:url(images/titleOverBottom3.png) bottom left no-repeat; padding-top:0px; padding-bottom:16px;} #sub3Content .inner { background:#faf4eb url(images/titleOverMiddleOrange.gif) bottom left repeat-x; height:148px; overflow:hidden} #sub4Content {position:absolute; top:30px; left:0px; width:781px; background:url(images/titleOverBottom4.png) bottom left no-repeat; padding-top:0px; padding-bottom:16px;} #sub4Content .inner { background:#faf4eb url(images/titleOverMiddleOrange.gif) bottom left repeat-x; height:148px; overflow:hidden} #sub5Content {position:absolute; top:30px; left:0px; width:781px; background:url(images/titleOverBottom5.png) bottom left no-repeat; padding-top:0px; padding-bottom:16px;} #sub5Content .inner { background:#faf4eb url(images/titleOverMiddleOrange.gif) bottom left repeat-x; height:148px; overflow:hidden} #slideContentBox { width: 781px; position: absolute; height: 148px; display: table; left: 0px; bottom: 27px; z-index: 0; padding-top: 20px;} div.slideContent { display: none;} .mainMenu {font-size:14px; color:#36559a; margin-bottom:16px; background: #fffbf5 url(images/menu-bg.png) repeat-x top left;} .mainMenu ul {margin:20px 0 0 0; padding:0px 0 0 0; } .mainMenu ul li {margin:0; padding:0; list-style: none; ; background:url(images/menu-divider.png) no-repeat top left; background-size:179px 7px} .mainMenu ul li.first {background:none} .mainMenu a {text-decoration:none; display:block; height:32px; padding:0 0 0 24px; line-height:34px; overflow:hidden; text-transform:uppercase} .mainMenu a.active {color:#29447f; font-weight:bold } .mainMenu a:hover {color:#29447f } .mainMenu a.focus {background:yellow;} #footer {background:#e9eaf3 url(images/page-bottom.png) no-repeat top left; background-size:100% auto; width:757px; height:64px; overflow:hidden; margin-bottom:50px; padding:24px 25px 0 223px; font-size:11px; color:#737373} #leftBar .block .phone {font-size:12px; color:#202020; padding:1px 0 0 22px; background:url(images/phone-icon.png) no-repeat top left; background-size:19px 19px; line-height:15px;} #leftBar .block .phone strong {font-size:12px; color:#000000} #leftBar .block .email {font-size:12px; color:#202020; padding-left:22px; background:url(images/email-icon.png) no-repeat top left; background-size:19px 19px; margin:7px 0 4px 0; line-height:15px;} #leftBar .block .email strong {font-size:12px; color:#000000} .block-views-news-block {font-size:11px; color:black; padding-top:17px !important;} .block-views-news-block .headline a {text-decoration:none; color:black; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif;} .block-views-news-block .more a {color:black; color:#36559a;} .block-views-news-block .date {font-size:10px; color:#3f3f3f; margin-bottom:4px} .block-views-news-block .text {font-size:11px; color:#3f3f3f; line-height:14px; margin-bottom:4px} #leftBar .inner .block.block-views-news-block h2 {padding-left:5px} #leftBar .inner .block.block-views-news-block {padding:20px 10px} #leftBar .inner .block.block-views-news-block .views-row {padding:5px; margin:3px 2px 8px 2px} #leftBar .inner .block.block-views-news-block .views-row:hover {background-color:#FFF3E2; border-radius:4px} .block-views-news-block .views-row.first {margin-top:5px; } .tContent {font-family:arial; font-size:14px; color:#010101; line-height:21px;} .tContent.front {padding:27px 32px 32px 25px;} .tContent.front h1 {text-transform:uppercase; line-height:26px; margin:0 0 14px 0; padding:0 0 7px 0; font-size:20px; color:black; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight:normal ;border-bottom:3px solid #f9f4e6;} .front .welcomeLeft {width:340px; margin-right:22px;} .front .welcomeRight {width:340px; } #underContent {clear:both} .tContent h2, #underContent h2 {text-transform:uppercase; margin:25px 0 0 0; padding:0 0 7px 0; font-size:18px; color:#315097; font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight:normal} #block-views-produkty-block {border-bottom:3px solid #f9f4e6;} #block-views-produkty-block .view-produkty {background:white; padding-bottom:20px} #block-views-produkty-block .image {float:left; width:106px; height:106px; padding:5px; margin:0 10px 0 15px; background:url('/templates/images/productImgBg.png') no-repeat} #block-views-produkty-block a {font-size:16px; color:#ba8124; text-decoration:none} #block-views-produkty-block .product {float:left; width:340px; margin-right:10px; padding-top:15px; position:relative} #block-views-produkty-block .attributes {float:left; width:190px; padding-top:6px;} #block-views-produkty-block .text {padding-top:4px; font-size:11px; line-height:14px; color:#202020} #block-views-produkty-block .price {font-size:14px; font-weight:bold; margin-top:3px;} #block-views-produkty-block .sec1 {width:33px; height:33px; background:url(images/uceni-ico.png) no-repeat; position:absolute; top:106px; left:106px} #block-views-produkty-block .sec3 {width:33px; height:33px; background:url(images/sluch-ico.png) no-repeat; position:absolute; top:106px; left:106px} #block-views-clanky-block {clear:both; padding-top:5px} div.moreProducts {width:340px; float:right; font-size:14px; color:#202020; padding:8px 10px 0 0; line-height:30px} a.sec1 {float:right; margin-right:1px; background:url(images/uceni-ico.png) no-repeat ; width:33px; height:33px; display:block; text-decoration:none } a.sec2 {float:right; margin-right:1px; background:url(images/zrak-ico.png) no-repeat ; width:33px; height:33px; display:block; text-decoration:none } a.sec3 {float:right; margin-right:1px; background:url(images/sluch-ico.png) no-repeat ; width:33px; height:33px; display:block; text-decoration:none } a.sec4 {float:right; margin-right:1px; background:url(images/komunikace-ico.png) no-repeat ; width:33px; height:33px; display:block; text-decoration:none } a.sec5 {float:right; margin-right:1px; background:url(images/senior-ico.png) no-repeat ; width:33px; height:33px; display:block; text-decoration:none } #block-views-clanky-block h2 {margin-top:23px;} #block-views-clanky-block .image {float:left; width:68px; height:68px; padding:4px; margin:0 6px 0 0px; background:url('/templates/images/productSmallImgBg.png') no-repeat;} #block-views-clanky-block td {vertical-align:top; padding-bottom:24px} #block-views-clanky-block table {margin-top:17px;} #block-views-clanky-block .attributes {float:left; width:240px; padding:5px 25px 0 0;} #block-views-clanky-block a {font-size:16px; color:#ba8124; text-decoration:none} #block-views-clanky-block .text {padding-top:4px; font-size:11px; line-height:14px; color:#202020} #block-views-clanky-block .text a {font-size:11px; color:#014599; text-decoration:underline} #block-views-clanky-block a.moreArticles {text-align:center; font-size:16px; color:#014599; text-decoration:underline; display:block; padding-top:15px;} #titleLearnText {} .titleText {width:466px; padding:0px 60px 0 34px; float:left; font-family:Arial; font-size:12px; line-height:17px; color:#010101} .titleText h2, .titleMenu h2, #productMenu h2 { line-height:17px; font-family: 'Ubuntu Condensed', sans-serif; font-size:18px; color:#1b1b1b; margin:0 0 11px 0px; padding:0px; text-transform:uppercase; font-weight:normal;} .titleMenu {padding-left:10px; float:left} .titleMenu ul {margin:0 0 0 0px; padding:0 0 0 20px} .titleMenu ul li {list-style:url('/templates/images/li.gif'); font-size:12px; margin:0; padding-top:0;} .titleMenu ul li a { color:#014599;} /* produkt */ #wh1 {background:url(images/titleOverBottom.gif) bottom left no-repeat; padding-top:0px; padding-bottom:16px; width:781px} #wh2 {background:white} .produkt h1 {font-size:18px; font-family:"Ubuntu condensed", sans-serif; font-weight:normal; padding:0 0 19px 0; margin:0; text-transform:uppercase} .produkt .tContent {padding:15px 33px} .produkt .region-undercontent {padding:0px 57px 20px 29px;} .produkt #block-views-clanky-block h2 {margin-top:10px} .produkt .images {width:132px; float:left} .produkt .texts {width:365px; float:left} .produkt .images .main {width:113px; height:113px; background: url('/templates/images/mainProductImage.png') no-repeat} .produkt .images .main img {width:107px; height:107px; margin:3px} .produkt .images .all .sb-image {width:56px; height:56px; background:url('/templates/images/productImage.png') no-repeat; float:left} .produkt .images .all .sb-image img {width:50px; height:50px; margin:3px} .produkt table.attributes {border:0px; margin:12px 0 14px 0} .produkt table.attributes td {font-size:12px; padding:2px 0 2px 0; width:120px} .produkt table.attributes td.label {font-weight:bold} .produkt table.attributes tr.row {border-bottom:1px solid #f9f4e6} .produkt .price div {display:inline} .produkt .price, .produkt .price div {font-family: 'Ubuntu Condensed', sans-serif; font-size:18px; color:333333} .bback a {color:#ba8124; font-size:16px;} .bback { margin:26px 0 2px 0} #productMenu {float:right} #productMenu h2 {padding:0; margin:0; border:0; font-family: 'Ubuntu Condensed', sans-serif; font-size:18px; } #productMenu h2 {margin-bottom:10px;} #productMenu {padding-left:10px; padding-right:13px; float:right} #productMenu ul {margin:0 0 0 0px; padding:0 0 0 20px} #productMenu ul li {list-style:url('/templates/images/li.gif'); font-size:12px; margin:0; padding-top:0;} #productMenu ul li a { color:#014599;} .element-invisible {visibility:hidden} /* page-specific */ h3.news-headline { font-size:16px; line-height:22px; margin:0 0 0 0; padding:20px 0 10px 0 } h3.news-headline.first { padding:0px 0 10px 0 } .news-date { color:#555555} .news-item .summary {margin:3px 0 0px 0} .tContent .news-item .summary p {font-size:14px; margin:0} .news-item .summary a {display:inline-block; margin:0px 0 0 0; font-weight:normal } a:hover {color: black; background: yellow;} a.more {display:block; text-align:center; font-size:18px; margin:20px 0 20px 0;} p.headlineInfo {font-size:14px} .tContent p {margin:0 0 15px 0; padding:0} .tContent a {font-weight:bold} .tContent img.inText {border:1px solid #e7e2d5; margin:5px 10px 5px 10px } table.priceTable {background:#bfbbb0; width:100%} table.priceTable td, table.priceTable th {background:white; padding:2px 5px 2px 5px; vertical-align:top} table.priceTable th.price {text-align:right} table.priceTable td.price {background:#f9f4e6; text-align:right} table.priceTable th {font-size:1.15em; font-weight:bold; background:#e7e2d5; text-align:left} table.hotkey {background:#c0c0c0;} table.hotkey td {background:white; padding:3px 5px} table.hotkey th {background:orange; color:white; font-weight:normal; font-size:1.2em; padding:3px 5px 3px 5px} /*kontakty*/ .wide #page .rightCol {display:none} .wide #page .middleCol {border-right:0px; width:820px} #map {width:820px; height:710px; position:relative; } .mapImage {position:absolute; top:0px; left:0px;} #mapForm {height:37px; overflow:hidden; background-color:#6d87a5; color:white; padding:14px 0 0 20px; font-size:14px; width:800px;} #mapContainer {margin:10px 0 0px 0; -ms-transform: scale(0.87, 0.87); /* IE 9 */ -webkit-transform: scale(0.87, 0.87); /* Safari */ transform: scale(0.87, 0.87); -webkit-transform-origin-x: 0px; -webkit-transform-origin-y: 0px; transform-origin-x: 0px; transform-origin-y: 0px; transform-origin:0px 0px; -ms-transform-origin-x: 0px; -ms-transform-origin-y: 0px; float:left; } #mcWrap { overflow:hidden; height:780px; } #mapForm .txt {color:#6d87a5; border:0px; width:280px; padding:3px 5px} #mapForm .submitButton {background:#394856; color:white; border:0px; padding:3px 20px} #mapLegend {height:110px; overflow:hidden; background-color:#6d87a5; color:white; position:relative} #map .busStation {position:absolute; } #map .busStation.top {top:45px; left:140px;} #map .busStation.bottom {top:199px; left:382px;} #map .busStation h4 {font-size:29px; font-family:arial; color:black; margin:0; padding:0 0 0 55px; font-weight:normal} #map .busStation p {font-family:arial; padding-top:28px; padding-left:10px; color:white; line-height:16px} .streetViewButton {position:absolute; display:block} #sv1 {width:30px; height:32px; top:194px; text-decoration:none; left:336px; background:url('/images/sv1.png') no-repeat top left; position:relative } #sv2 {width:34px; height:28px; top:140px; text-decoration:none; left:276px; background:url('/images/sv2.png') no-repeat top left; position:relative } #sv3 {width:30px; height:33px; top:145px; text-decoration:none; left:102px; background:url('/images/sv3.png') no-repeat top left; position:relative } #sv4 {width:37px; height:28px; top:295px; text-decoration:none; left:109px; background:url('/images/sv4.png') no-repeat top left; position:relative } #sv5 {width:27px; height:36px; top:250px; text-decoration:none; left:219px; background:url('/images/sv5.png') no-repeat top left; position:relative} .streetViewLink {width:118px; height:144px; overflow:hidden; background:url('/images/svBg.png') no-repeat top left; display:block; position:relative; } .streetViewLink:hover {color: #333A88; background:url('/images/svBg.png') no-repeat top left; } .streetViewLink img.foto {margin:25px 16px 0 16px} .streetViewLink img.icon {position:absolute; top:0; left:45px;} .streetViewLink {font-size:12px; text-align:center; line-height:14px;} #sv1a, #sv2a, #sv3a, #sv4a, #sv5a {position:relative; display:none} #sv1a .streetViewLink {left:-43px;} #sv2a .streetViewLink {left:-39px;} #sv3a .streetViewLink {left:-46px;} #sv4a .streetViewLink {left:-45px;} #sv5a .streetViewLink {left:-46px;} a.skipMap span {display:none} #mapLegend {width:820px;} #mapLegend h5 {font-size:20px; padding:0; margin:0; font-weight:normal} #mapLegend .addr {background:url('/images/adaptech.png') no-repeat top left; position:absolute; top:20px; left:40px; padding:5px 0 0 58px; font-size:14px; color:#ffffff} #mapLegend .park {background:url('/images/parking.png') no-repeat top left; position:absolute; top:20px; left:310px; padding:5px 0 0 38px; font-size:14px; color:#ffffff} #mapLegend .strv {background:url('/images/sv.png') no-repeat top left; position:absolute; top:20px; left:530px; padding:5px 0 0 48px; font-size:14px; color:#ffffff} #page .middleCol h2.segment {color:#354f9d; margin-top:30px} .wide h3 {font-weight:normal; font-size:20px; color:#555555; margin:20px 0 3px 0; padding:0} .wide h4 {color:#555555;font-weight:normal; font-size:20px; padding:20px 0 0 0; margin:0; } .wide h4.first {padding-top:10px;} .wide h3.first {margin-top:10px} .contact {float:left; width:235px; height:110px; overflow:hidden} .wide .kontaktytabulka .fce {font-weight:normal; font-size:0.8em; margin-bottom:2px; color: #777777;} #workTable h4 {margin:0; padding:0; font-size:14px} .tContent.front .wide table td {font-family:arial; font-size:14px; color:#010101; line-height:21px;} .titleText {padding-top:25px} .titleMenu {padding-top:25px} #contacts h2.segment {margin-bottom:7px} #contacts p.p001 { text-align:center; font-size:25px; color:#72a252; font-weight:bold; line-height:22px; margin-bottom:0px; } #contacts p.p001 span {font-size:14px; display:block; margin-bottom:15px} #contacts #rekl div {background-color:#fdf6e9; padding:20px; margin:15px; border-radius:15px} #contacts h2.segment.h001 {margin-top:40px} table.tech {width:100% } table.tech td {font-size:16px; padding:10px;} table.tech td.odd {background-color:#f9f4e6 } .subMenu a {font-size:15px; color:#36559a} .subMenu {font-size:18px} .subMenu {background:url('/produkty/images/btnBg.png') repeat-x; background-size:10px 42px; height:42px; overflow:hidden; line-height:42px} .subMenu .btn {width:358px; text-align:center; display:inline-block} .footerMenu {background:url('/THEME/images/left-divider.png') repeat-x; padding:20px; text-align:center} h2.first { margin-top:3px} img.imgm {width:297px; float:left; margin:5px 20px 5px 0} img.imgm.w {width:730px; float:none; margin:0 0 0 0;} img.imgr {float:right; margin:20px 10px 30px 10px; width:297px} img.imgl {float:left; margin:20px 10px 30px 10px; width:297px} div.imgr {float:right; margin:20px 10px 0px 10px; width:297px} div.imgr img {width:297px; margin-bottom:20px} .pricep {background:rgb(58, 90, 163); border-radius:10px; width:70%; clear:both; padding:20px; font-size:25px; color:white; margin:30px auto 40px auto; text-align:center } .categoriesContainer {padding:0px 0 20px 0} .product h3 {margin:10px 0 0 0; font-size:14px } .product ul {list-style: outside disc; margin-left: 0em !important; padding-left:0em !important; margin-top:0; z-index:8 } .product ul li {position: relative; left: 1em; padding-right: 1em; ; z-index:8} .product .mainProductImage {float:left; position:relative; z-index:10; width:300px; margin:0 20px 5px 0} .product .mainProductImage img, #phoneComparison img.mi, #fullPhoneComparison img.mi {width:300px; border-radius:15px; box-shadow: 3px 3px 10px #dddddd;} .variantPrices {display:flex; align-items:center; background:rgb(200, 200, 200); border-radius:10px; width:80%; color:black; margin: 0 auto 20px auto} .variantPrices a {color:black} .variantPrices.active {background:rgb(58, 90, 163); color:white} .variantPrices.active a {color:white} .variantSelector { width:10% } .variantSelector input { width:20px; height:20px; margin:0 20px 0 20px } .variantName { width:80%; text-align:center; padding-top:20px } .variantName.wide { width:90%; } .variantsButton { width:10%; text-align:center } .variantPrices .variantsButton a {background-repeat:no-repeat; background-image:url('images/blackDoubleAr.png'); background-size:16px 16px; display:block; width:16px; height:16px; text-decoration:none; margin:0 auto} .variantPrices.active .variantsButton a {background-image:url('images/whiteDoubleAr.png');} .variantPrices .variantsButton a:hover {background-color: transparent} .variantName > label { font-size:18px } .variantName .priceVal { font-size:26px; border-top:2px solid gray; font-weight:bold; margin-top:10px; padding-top:10px; padding-bottom:20px } .variantPrices.active .variantName .priceVal { border-top:2px solid #6472A6; } .variants { padding-bottom:20px; text-align:left; font-size:18px; line-height:140%} .variants input {width:18px; height:18px; position:relative; top:0px; margin-right:5px } .variantRow {display:flex;} /* .variantPrices {background:rgb(200, 200, 200); border-radius:10px; width:70%; clear:both; padding:20px; font-size:25px; color:white; margin:15px auto 15px auto; text-align:center } .variantPrices.active {background:rgb(58, 90, 163); border-radius:10px; width:70%; clear:both; padding:20px; font-size:25px; color:white; margin:15px auto 15px auto; text-align:center } .product .variantPrices span {font-size:18px} .product .variantPrices div {border-top:2px solid #888888; margin:10px 0 0px 0; padding:10px 0 0 0; font-size:26px; font-weight:bold} .product .variantPrices.active span {font-size:18px} .product .variantPrices.active div {border-top:2px solid #6472A6; margin:10px 0 0px 0; padding:10px 0 0 0; font-size:26px; font-weight:bold} */ #cookies {font-weight:bold;} #cookies:hover {background-color:yellow !important;} #cookies:focus {background-color:yellow !important;} .kuky a {color:white !important;} .kuky a:hover {color:black !important;background-color:yellow !important;} .kuky a:focus {color:black !important;background-color:yellow !important;} /* wizard digitalni pomucky */ #IPcontent {width:720px;} #IPcontent .card h2 { font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; text-transform:none; color:#555555; font-size: 14px; text-align:center; background:#dddddd; border-radius:10px 10px 0 0; margin:0 0 0 0; padding:6px 0 5px 0; } #IPcontent .card h2 .accent { display:block; padding:2pd 0 0 0; font-size:26px; } #IPcontent #IP33.card { width:100%; } #IPcontent .card { width:234px; cursor:pointer; border-radius:10px; background:rgba(0,0,0,0.02); margin:0 3px; } #IPcontent .card .subText { min-height:235px; padding:0 8px 0 8px } #IPcontent .card img { width:210px; margin-left:12px } .card #totalDZ, .card #totalDL, .card #totalDCP { font-size:24px; color:#555555; background-color:#dddddd; padding:5px 5px 7px 5px; text-align:center; border-radius:0px 0px 10px 10px; } #IPcontent .card.selected h2, #IPcontent .card.kat:hover h2 { background:#CEB275; padding:3px 0 5px 0; border-radius:5px 5px 0 0; color:white; } #IPcontent .card.selected, #IPcontent .card.kat:hover { opacity:1; border:3px solid #CEB275; border-radius:10px; background:transparent; margin:0; } .card.selected #totalDZ, .card.selected #totalDL, .card.selected #totalDCP, .card.kat:hover #totalDZ, .card.kat:hover #totalDL, .card.kat:hover #totalDCP { font-size:24px; color:white; background-color:#CEB275; padding:5px 5px 4px 5px; text-align:center; border-radius:0px 0px 5px 5px; } #IPcontent h3 { border-bottom: 3px solid #3C43A1; font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 24px; color:#3C43A1 ; margin:50px 0 24px 0; } .priceRise { display: inline; } .buttonTable {width:715px;} /* .buttonTable tr:hover td {background:#eeeeee} */ .buttonTable td.btton {width:30px; color:#555555} .buttonTable td.label {width:585px; padding-top:3px; padding-bottom:2px; border-bottom:1px solid #eeeeee; color:#555555} .buttonTable td.label label { display:block} .buttonTable td.price {width:100px; text-align:right;font-size:18px; color:#555555; font-weight:normal; border-bottom:1px solid #eeeeee; padding:3px 5px 2px 0 } /* bez tabulky */ .beta .buttonTable input {display:inline-block; position:relative; top:-1px; float:left} .beta .buttonTable label {display:inline-block; width:670px !important; color:#333333; padding-top:2px} .beta .buttonTable label span {font-size:15px; color:#666666;} .beta .buttonTable label .prc {display:block; float:right; width:100px; float:right; text-align:right; padding-bottom:4px; font-size:18px; color:#555555; font-weight:normal;} .beta .diagHive .buttonTable label .prc {width:200px; } .beta .hDivider {line-height:1px; height:1px; font-size:1px; overflow:hidden; background:#eeeeee; position:relative; top:4px; pointer-events: none;} .beta .dlt:hover .hDivider, .beta .dzt:hover .hDivider, .beta .dcpt:hover .hDivider {background:#fffbf5; top:0px} .beta .buttonTable.highlight label {color:black; } .beta .buttonTable.highlight label .prc {color:black; } .beta .buttonTable.highlight label .priceRise { font-size:16px; color:red; font-weight:bold; } .beta .buttonTable.highlight label .priceRise .accent { font-size:16px; color:red; font-weight:bold; } .beta .buttonTable.highlight {background:#eeeeee; border-radius:7px 7px 7px 7px} .beta .buttonTable.highlight.ds label { color:#777777; } .beta .buttonTable.ds label {min-height:28px;} .beta .buttonTable.ds label::after { content: url('/images/q.png'); margin:0px 0 5px 5px; position:relative; top:2px } .beta .buttonTable.ds label { color:#999999; } /* /bez tabulky */ .priceRise { color:#555555; font-weight:normal; } .priceRise .accent { color:#555555; font-weight:bold; } .buttonTable td.highlight.btton {color:black; border-radius:7px 0 0 7px} .buttonTable td.highlight.label {border-bottom:0px; color:black; } .buttonTable td.highlight.price {color:black; border-bottom:0px;; border-radius:0 7px 7px 0} td.highlight .priceRise { color:red; font-weight:bold; } td.highlight .priceRise .accent { color:red; font-weight:bold; } td.highlight {background:#eeeeee} .buttonTable td.highlight.ds.label { color:#777777; } .buttonTable td.ds.label { color:#999999; } .diagHive .buttonTable td.label {width:460px;} .diagHive .buttonTable td.label label {width:460; display:block} .diagHive .buttonTable td.price {width:220px !important;} #IPcontent input[type=radio] {width:20px; height:20px;} #IPcontent input[type=checkbox] {width:20px; height:20px; } #IPcontent input[type=checkbox].utilityChckBx {width:15px; height:15px; position:relative; top:2px} #IPcontent label {cursor:pointer; font-size:18px; padding-left:5px;} #IPcontent .subDescription {line-height:140%; color:#555555;} #IPcontent .subDescription .inner { padding:7px 0 15px 33px; width:650px; } #IPcontent .subDescription.warning .inner, #IPcontent .subDescription.info .inner { padding:7px 0 15px 33px; width:615px; min-height:60px } #IPcontent .subDescription p {padding:10px 0 0px 0; margin:0} #IPcontent .subDescription p:last-child {padding-bottom:25px} #IPcontent .warning {padding-left:65px; background-image:url('/images/alert.png'); background-size:50px 50px; background-repeat:no-repeat; background-position:33px 13px} #IPcontent .info {padding-left:65px; background-image:url('/images/info.png'); background-size:50px 50px; background-repeat:no-repeat; background-position:33px 13px} #totalDZ2, #totalDL2, #totalDCP2 {font-size:24px; color:white; background-color:#CEB275; padding:5px 5px; text-align:center; margin:20px 0 0 0;} #IPcontent .lBlock {width:490px; } #IPcontent .rBlock {width:290px; } #IPcontent .link {border:1px solid gray; padding:10px 5px; font-size:16px; text-align:center} #poptavka p {font-size:14px; line-height:21px} #poptavka #formSection01 label {display:inline-block; width:300px; } #poptavka input[type=text], #poptavka input[type=phone], #poptavka input[type=email] {width:300px; font-size:18px; padding:5px; display:inline-block; margin:5px 0px 5px 0} #poptavka textarea {width:300px; height:100px; font-size:18px; padding:5px; display:inline-block; margin:5px 0px 5px 0} #poptavka .forText textarea {float:left;} #poptavka .forText label {float:left; margin-top:5px;} #poptavka input[type=submit] {cursor:hand; cursor:pointer; width:450px; font-size:20px;background-color: #CEB275; padding:10px; border-radius:10px; color:white; border:2px solid #CEB275; margin:20px auto 0 auto;} #poptavka input[type=submit]:hover {border:2px solid #AC883E; } #poptavka button[type=submit] {cursor:hand; cursor:pointer; width:450px; font-size:20px;background-color: #CEB275; padding:10px; border-radius:10px; color:white; border:2px solid #CEB275; margin:20px auto 0 auto;} #poptavka button[type=submit]:hover {border:2px solid #AC883E; } #poptavka input[type=checkbox] {width:20px; height:20px; } #poptavka input[type=checkbox].utilityChckBx {width:15px; height:15px; position:relative; top:2px} #poptavka label {cursor:pointer; font-size:18px; padding-left:5px;} #wizard label {display:inline-block; width:300px; cursor: pointer; font-size: 18px; padding-left: 5px;} #wizard input[type=text], #wizard input[type=phone], #wizard input[type=email] {width:300px; font-size:18px; padding:5px; display:inline-block; margin:5px 0px 5px 0} #wizard textarea {width:300px; height:100px; font-size:18px; padding:5px; display:inline-block; margin:5px 0px 5px 0} #wizard .forText textarea {float:left;} #wizard .forText label {float:left; margin-top:5px;} #wizard input[type=submit] {cursor:hand; cursor:pointer; width:450px; font-size:20px;background-color: #CEB275; padding:10px; border-radius:10px; color:white; border:2px solid #CEB275; margin:20px auto 0 auto;} #wizard input[type=submit]:hover {border:2px solid #AC883E; } #wizard input[type=radio] { width: 20px; height: 20px; } #wizard #wiz1_PIN, #wizard #wiz1b_PIN {display:block} #wizard #formSection02 label {width:inherit} #wizard .abutton {display:block; cursor: hand; cursor: pointer; width: 450px; font-size: 20px; background-color: #CEB275; padding: 10px; text-decoration:none; border-radius: 10px; color: white; border: 2px solid #CEB275; margin: 20px auto 0 auto; text-align:center; } #wizard #txtCpp01 {font-size:18px} #IPcontent .dphClaim {padding:20px 0 0 0; text-align:center; font-size:18px; } #overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: rgba(0,0,0,0.4); display: none;} #dialog { position:relative; border-radius:20px; margin:100px auto 0 auto; background-color:white; width:400px; } #dialog .headline {background-color:#CEB275; color: black; text-align:center; font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 24px; padding:6px 0 5px 0; border-radius:20px 20px 0 0 ; } #dialog .closeMe { display:block; padding-bottom:20px; border-radius:0 0 20px 20px; } #IPcontent .card.clink h2 a {color:inherit; text-decoration:none; display:block} #IPcontent .card.clink h2 a:hover {color:black; text-decoration:none; display:block} #IPcontent .subTextADD {font-size:14px} .dzt,.dcpt,.dlt {border:2px solid transparent; border-radius:5px; width:715px; padding:2px} .dzt:hover,.dcpt:hover,.dlt:hover {border:2px solid #808080; border-radius:10px} .printOnly {visibility:hidden; display:none} @media print { .no-print, .no-print * {display: none !important; } .logo { content:url(images/logo.png); } @page { margin: 0; } /*size: auto;*/ body { margin: 0.6cm 1.6cm 1.6cm 1.6cm; border-top:0px} #hugger1 {padding-top:100px;} #rightBar {width:940px !important; padding:0;} #rightBar .inner {width:940px !important; margin:0} #rightBar .inner .tContent.front {padding-bottom:0px !important;} .productInformations {width: 530px !important; } .paramTable {max-width: 500px !important; } .pricep {border:3px solid blue !important; color:black !important} .variantPrices {border:3px solid blue !important; color:black !important} #sb-container {display:none !important;} .footerMenu {padding-bottom:0px !important; margin:0px !important; } .product {padding-bottom:0px !important;} .print:last-child { page-break-after: auto; } .printOnly {display:block !important; visibility:visible !important; font-size:12px} #txtCpp00 {font-size:18px; color:red; border:3px solid red; } #totalDZ2 {color:black !important} #totalDL2 {color:black !important} #totalDCP2 {color:black !important} } table.pcTable td {font-size:14px; } table.pcTable {border:1px solid #dab271 !important; border-radius:5px; padding:5px;} table.pcTable tr td {border-bottom:1px solid #dab271 !important; padding:2px 0 2px 0} table.pcTable tr:last-child td {border-bottom:0px !important;} table.pcTable tr td.rr {padding-left:10px} .eduOnly {text-align:center; padding:15px; background-color: #dab271; color:black; border-radius:12px} tr:first-child {width:100%} #phoneComparison img.mi {width:220px;} #fullPhoneComparison img.mi {width:120px;} .wy-tooltip { color: #010101; background: #fffbf5; box-shadow: 2px 2px 5px #555; position: absolute; padding: 0px 0 10px 0; font-size:14px; line-height:21px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; max-width:300px; z-index:999; } .wy-tooltip h5 { margin:0px; padding:12px 16px; font-size:18px; font-weight:bold; color:white; background-color:#fe0000; border-radius: 5px 5px 0 0 ; -moz-border-radius: 5px 5px 0 0 ; -webkit-border-radius: 5px 5px 0 0 ; } .wy-tooltip p { padding:10px 16px 0 16px; } .wy-hide { display: none; } #phoneComparison td, #phoneComparison th {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); border-top:1px solid rgba(255,255,255,0.01); border-bottom:1px solid rgba(255,255,255,0.01);} #phoneComparison th {text-align:left; padding:2px 4px 2px 4px; color:#555555; border-bottom:1px solid #eeeeee; font-size:14px} #phoneComparison th a {color:#555555; text-decoration:none} #phoneComparison td {text-align:center; padding:2px 4px 2px 4px; font-size: 14px; border-bottom:1px solid #eeeeee; border-top:1px solid rgba(255,255,255,0.01); width:128px;} #phoneComparison tr.odd td.selectedItem, #phoneComparison tr.odd th.selectedItem {background-color:#F6F0DE} #phoneComparison tr.even td.selectedItem, #phoneComparison tr.even th.selectedItem {background-color:#FCF7EC} #phoneComparison tr.odd td, #phoneComparison tr.odd th {background-color:#FDF6E9} #phoneComparison tr.odd td.pickedItem, #phoneComparison tr.odd th.pickedItem {background-color:#F6EACD} #phoneComparison tr.even td.pickedItem, #phoneComparison tr.even th.pickedItem {background-color:#FCF4E3} #phoneComparison tr td.alternateItem {border-left:2px solid rgba(0,128,0,0.5); border-right:2px solid rgba(0,128,0,0.5) } #phoneComparison tr:first-child th.alternateItem {border-top:2px solid rgba(0,128,0,0.5); border-left:2px solid rgba(0,128,0,0.5); border-right:2px solid rgba(0,128,0,0.5); border-radius:10px 10px 0 0} #phoneComparison tr:last-child td.alternateItem {border-bottom:2px solid rgba(0,128,0,0.5); border-radius:0px 0px 10px 10px} #phoneComparison .diagRating11.alternateItem, #phoneComparison .diagRating33.alternateItem, #phoneComparison .diagRating22.alternateItem {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); } #phoneComparison tr:first-child th,#phoneComparison tr:first-child td {border-bottom:1px solid rgba(255,255,255,0.01);;} #phoneComparison {margin:0 auto} #phoneComparison tr.selectedItem td, #phoneComparison tr.selectedItem th {border-top:1px solid #EBD398; border-bottom:1px solid #EBD398 } #phoneComparison tr.selectedItemTop td, #phoneComparison tr.selectedItemTop th {border-bottom:1px solid #EBD398 } #phoneComparison tr.selectedItemBottom td, #phoneComparison tr.selectedItemBottom th {border-top:1px solid #EBD398 } #phoneComparison tr:first-child.selectedItem td, #phoneComparison tr:first-child.selectedItem th, {border-top:0px; border-bottom:0px;} #phoneComparison .selectedItem {border-left:2px solid #EBD398;border-right:2px solid #EBD398;} #phoneComparison .diagRating11.selectedItem, #phoneComparison .diagRating33.selectedItem, #phoneComparison .diagRating22.selectedItem {color:black; background-color: #EBD398 !important; font-weight:bold} #phoneComparison .diagRating11, #phoneComparison .diagRating22, #phoneComparison .diagRating33 {font-size:18px; font-weight:bold} #phoneComparison tr:first-child td, #phoneComparison tr:first-child th {border-top:2px solid rgba(255,255,255,0.01); } #phoneComparison tr:last-child td, #phoneComparison tr:last-child th {border-bottom:2px solid rgba(255,255,255,0.01); } #phoneComparison tr:first-child th.selectedItem {border-top:2px solid #EBD398; border-left:2px solid #EBD398; border-right:2px solid #EBD398; border-radius:10px 10px 0 0} #phoneComparison tr:last-child td.selectedItem {border-bottom:2px solid #EBD398; border-radius:0px 0px 10px 10px} #phoneComparison tr td.pickedItem {border-left:2px solid red; border-right:2px solid red} #phoneComparison tr:first-child th.pickedItem {border-top:2px solid red; border-left:2px solid red; border-right:2px solid red; border-radius:10px 10px 0 0} #phoneComparison tr:last-child td.pickedItem {border-bottom:2px solid red; border-radius:0px 0px 10px 10px} #phoneComparison .diagRating11.pickedItem, #phoneComparison .diagRating33.pickedItem, #phoneComparison .diagRating22.pickedItem {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); } #phoneComparison tr td.pickedItem.NEK {border-left:2px solid green; border-right:2px solid green} #phoneComparison tr:first-child th.pickedItem.NEK {border-top:2px solid green; border-left:2px solid green; border-right:2px solid green; border-radius:10px 10px 0 0} #phoneComparison tr:last-child td.pickedItem.NEK {border-bottom:2px solid green; border-radius:0px 0px 10px 10px} #phoneComparison td.mainPrice.pickedItem.noNEK { background-color:red; color:white} #phoneComparison td.mainPrice.pickedItem.NEK { background-color:green; color:white} #phoneComparison .smartShift {position:relative; left:64px;} #phoneComparison th.pickedItem .selectedModel {display:block} #phoneComparison th.alternateItem .alternativeModel {display:block} #phoneComparison tr.odd td.pickedItem.blink {background-color:red; color:white} #phoneComparison tr td.priceTag {font-size:22px} #fullPhoneComparison td, #fullPhoneComparison th {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); border-top:1px solid rgba(255,255,255,0.01); border-bottom:1px solid rgba(255,255,255,0.01);} #fullPhoneComparison th {text-align:left; padding:2px 4px 2px 4px; color:#555555; border-bottom:1px solid #eeeeee; font-size:14px} #fullPhoneComparison th a {color:#555555; text-decoration:none} #fullPhoneComparison td {text-align:center; padding:2px 4px 2px 4px; font-size: 14px; border-bottom:1px solid #eeeeee; border-top:1px solid rgba(255,255,255,0.01); width:128px;} #fullPhoneComparison tr.odd td.selectedItem, #fullPhoneComparison tr.odd th.selectedItem {background-color:#F6F0DE} #fullPhoneComparison tr.even td.selectedItem, #fullPhoneComparison tr.even th.selectedItem {background-color:#FCF7EC} #fullPhoneComparison tr.odd td, #fullPhoneComparison tr.odd th {background-color:#FDF6E9} #fullPhoneComparison tr.odd td.pickedItem, #fullPhoneComparison tr.odd th.pickedItem {background-color:#F6EACD} #fullPhoneComparison tr.even td.pickedItem, #fullPhoneComparison tr.even th.pickedItem {background-color:#FCF4E3} #fullPhoneComparison tr td.alternateItem {border-left:2px solid rgba(0,128,0,0.5); border-right:2px solid rgba(0,128,0,0.5) } #fullPhoneComparison tr:first-child th.alternateItem {border-top:2px solid rgba(0,128,0,0.5); border-left:2px solid rgba(0,128,0,0.5); border-right:2px solid rgba(0,128,0,0.5); border-radius:10px 10px 0 0} #fullPhoneComparison tr:last-child td.alternateItem {border-bottom:2px solid rgba(0,128,0,0.5); border-radius:0px 0px 10px 10px} #fullPhoneComparison .diagRating11.alternateItem, #fullPhoneComparison .diagRating33.alternateItem, #fullPhoneComparison .diagRating22.alternateItem {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); } #fullPhoneComparison tr:first-child th,#fullPhoneComparison tr:first-child td {border-bottom:1px solid rgba(255,255,255,0.01);;} #fullPhoneComparison {margin:0 auto} #fullPhoneComparison tr.selectedItem td, #fullPhoneComparison tr.selectedItem th {border-top:1px solid #EBD398; border-bottom:1px solid #EBD398 } #fullPhoneComparison tr.selectedItemTop td, #fullPhoneComparison tr.selectedItemTop th {border-bottom:1px solid #EBD398 } #fullPhoneComparison tr.selectedItemBottom td, #fullPhoneComparison tr.selectedItemBottom th {border-top:1px solid #EBD398 } #fullPhoneComparison tr:first-child.selectedItem td, #fullPhoneComparison tr:first-child.selectedItem th, {border-top:0px; border-bottom:0px;} #fullPhoneComparison .selectedItem {border-left:2px solid #EBD398;border-right:2px solid #EBD398;} #fullPhoneComparison .diagRating11.selectedItem, #fullPhoneComparison .diagRating33.selectedItem, #fullPhoneComparison .diagRating22.selectedItem {color:black; background-color: #EBD398 !important; font-weight:bold} #fullPhoneComparison .diagRating11, #fullPhoneComparison .diagRating22, #fullPhoneComparison .diagRating33 {font-size:18px; font-weight:bold} #fullPhoneComparison tr:first-child td, #fullPhoneComparison tr:first-child th {border-top:2px solid rgba(255,255,255,0.01); } #fullPhoneComparison tr:last-child td, #fullPhoneComparison tr:last-child th {border-bottom:2px solid rgba(255,255,255,0.01); } #fullPhoneComparison tr:first-child th.selectedItem {border-top:2px solid #EBD398; border-left:2px solid #EBD398; border-right:2px solid #EBD398; border-radius:10px 10px 0 0} #fullPhoneComparison tr:last-child td.selectedItem {border-bottom:2px solid #EBD398; border-radius:0px 0px 10px 10px} #fullPhoneComparison tr td.pickedItem {border-left:2px solid red; border-right:2px solid red} #fullPhoneComparison tr:first-child th.pickedItem {border-top:2px solid red; border-left:2px solid red; border-right:2px solid red; border-radius:10px 10px 0 0} #fullPhoneComparison tr:last-child td.pickedItem {border-bottom:2px solid red; border-radius:0px 0px 10px 10px} #fullPhoneComparison .diagRating11.pickedItem, #fullPhoneComparison .diagRating33.pickedItem, #fullPhoneComparison .diagRating22.pickedItem {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); } #fullPhoneComparison tr td.pickedItem.NEK {border-left:2px solid green; border-right:2px solid green} #fullPhoneComparison tr:first-child th.pickedItem.NEK {border-top:2px solid green; border-left:2px solid green; border-right:2px solid green; border-radius:10px 10px 0 0} #fullPhoneComparison tr:last-child td.pickedItem.NEK {border-bottom:2px solid green; border-radius:0px 0px 10px 10px} #fullPhoneComparison td.mainPrice.pickedItem.noNEK { background-color:red; color:white} #fullPhoneComparison td.mainPrice.pickedItem.NEK { background-color:green; color:white} #fullPhoneComparison .smartShift {position:relative; left:64px;} .selectedModel, .alternativeModel {display:none} #fullPhoneComparison th.pickedItem .selectedModel {display:block} #fullPhoneComparison th.alternateItem .alternativeModel {display:block} .bigButton {margin: 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 15px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: 97% center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; padding: 10px 30px; text-overflow: ellipsis; white-space: nowrap; width: 300px; text-decoration:none} a.bigButton.red { background-image: -webkit-linear-gradient(#FF5D5D, #D12E2E 40%, #8C1E1E); border: 1px solid #8C1E1E;} a.bigButton.green { background-image: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); border: 1px solid #588F1F;} a.bigButton {text-decoration:none; color:white; font-weight:normal} a.bigButton:hover {color:black; background:#ffff00} .diagRating11, .diagRating22, .diagRating33 {font-size:18px; text-align:center} h4.comparisonHeadline { border-bottom: 2px solid #3C43A1; font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 20px; color:#3C43A1 ; margin:50px 0 24px 0; } #phoneComparison .headline { font-weight:bold; text-align:center; font-size:18px } .blink {-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; color: red;} @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } .noNEK a.saveMoney {display:none !important;} .noNEK a.pickMe {display:block !important; background-image: -webkit-linear-gradient(#AAAAAA, #C6C6C6 40%, #575757); border:1px solid #AAAAAA} .okMan {display:none !important;} .okMan a img {margin:5px; width:41px !important; height:41px !important;} .NEK.pickedItem .okMan {display:block !important;} #phoneComparison a.saveMoney2 {display:block; margin: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: 97% center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; padding: 5px 0px; text-overflow: ellipsis; white-space: nowrap; width: 208px; text-decoration:none; text-align:center; background-image: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); border: 1px solid #588F1F; color:white; font-size:18px; font-weight:bold} #phoneComparison a.saveMoney2 span {font-size:20px; display:block;} #phoneComparison a.saveMoney2:hover {background-image: none; border: 1px solid #588F1F; color:black; font-weight:bold} .NEK.pickedItem a.pickMe {display:none !important;} .noNEK.pickedItem a.saveMoney {display:block !important; } .noNEK.pickedItem a.pickMe {display:none !important;} a.saveMoney {display:block; margin: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: 97% center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; padding: 5px 0px; text-overflow: ellipsis; white-space: nowrap; width: 108px; text-decoration:none; text-align:center; background-image: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); border: 1px solid #588F1F; color:white; font-size:18px; font-weight:bold} a.saveMoney span {font-size:20px; display:block;} a.saveMoney:hover {background-image: none; border: 1px solid #588F1F; color:black; font-weight:bold} a.pickMe {display:block; margin: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: 97% center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; padding: 8px 5px 8px 5px; text-overflow: ellipsis; white-space: nowrap; width: 98px; text-decoration:none; text-align:center; background-image: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); border: 1px solid #588F1F; color:white; font-size:14px; font-weight:bold} #phoneComparison a.pickMe {width:198px} a.pickMe:hover {background-image: none; border: 1px solid #588F1F; color:black; font-weight:bold} .curs {cursor:hand; cursor:pointer; } .NEK.priceTag div { border:2px solid green; border-radius:10px } .NEK.priceTag.pickedItem div { border:0px; } #phoneComparison tr td.NEK.priceTag.pickedItem {background-color:green; color:white} #MKP {margin-bottom:20px;} #MKP h1 {font-size: 16px; border-bottom: 3px solid #dab271;} #MKP img {float:left; margin-right:15px; width:167px;} #MKP .txts {float:left; width:530px;} #MKP a.mainLink {display:block; color:white; background-color:#CFB376; font-weight:normal; font-size:20px; text-align:center; width:530px; height:40px; border-radius:10px; text-decoration:none; line-height:40px; overflow:hidden} #MKP a:hover {background-color:#B28E3E} .comparison td, .comparison th {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); border-top:1px solid rgba(255,255,255,0.01); border-bottom:1px solid rgba(255,255,255,0.01);} .comparison th {text-align:left; padding:2px 4px 2px 4px; color:#555555; border-bottom:1px solid #eeeeee; font-size:14px} .comparison th a {color:#555555; text-decoration:none} .comparison td {text-align:center; padding:2px 4px 2px 4px; font-size: 14px; border-bottom:1px solid #eeeeee; border-top:1px solid rgba(255,255,255,0.01); width:128px;} .comparison tr.odd td.selectedItem, .comparison tr.odd th.selectedItem {background-color:#F6F0DE} .comparison tr.even td.selectedItem, .comparison tr.even th.selectedItem {background-color:#FCF7EC} .comparison tr.odd td, .comparison tr.odd th {background-color:#FDF6E9} .comparison tr.odd td.pickedItem, .comparison tr.odd th.pickedItem {background-color:#F6EACD} .comparison tr.even td.pickedItem, .comparison tr.even th.pickedItem {background-color:#FCF4E3} .comparison tr td.alternateItem {border-left:2px solid rgba(0,128,0,0.5); border-right:2px solid rgba(0,128,0,0.5) } .comparison tr:first-child th.alternateItem {border-top:2px solid rgba(0,128,0,0.5); border-left:2px solid rgba(0,128,0,0.5); border-right:2px solid rgba(0,128,0,0.5); border-radius:10px 10px 0 0} .comparison tr:last-child td.alternateItem {border-bottom:2px solid rgba(0,128,0,0.5); border-radius:0px 0px 10px 10px} .comparison .diagRating11.alternateItem, .comparison .diagRating33.alternateItem, .comparison .diagRating22.alternateItem, .comparison .diagRating44.alternateItem {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); } .comparison tr:first-child th,.comparison tr:first-child td {border-bottom:1px solid rgba(255,255,255,0.01);;} .comparison {margin:0 auto} .comparison tr.selectedItem td, .comparison tr.selectedItem th {border-top:1px solid #EBD398; border-bottom:1px solid #EBD398 } .comparison tr.selectedItemTop td, .comparison tr.selectedItemTop th {border-bottom:1px solid #EBD398 } .comparison tr.selectedItemBottom td, .comparison tr.selectedItemBottom th {border-top:1px solid #EBD398 } .comparison tr:first-child.selectedItem td, .comparison tr:first-child.selectedItem th, {border-top:0px; border-bottom:0px;} .comparison .selectedItem {border-left:2px solid #EBD398;border-right:2px solid #EBD398;} .comparison .diagRating11.selectedItem, .comparison .diagRating33.selectedItem, .comparison .diagRating22.selectedItem, .comparison .diagRating44.selectedItem {color:black; background-color: #EBD398 !important; font-weight:bold} .comparison .diagRating11, .comparison .diagRating22, .comparison .diagRating33, .comparison .diagRating44 {font-size:18px; font-weight:bold} .comparison tr:first-child td, .comparison tr:first-child th {border-top:2px solid rgba(255,255,255,0.01); } .comparison tr:last-child td, .comparison tr:last-child th {border-bottom:2px solid rgba(255,255,255,0.01); } .comparison tr:first-child th.selectedItem {border-top:2px solid #EBD398; border-left:2px solid #EBD398; border-right:2px solid #EBD398; border-radius:10px 10px 0 0} .comparison tr:last-child td.selectedItem {border-bottom:2px solid #EBD398; border-radius:0px 0px 10px 10px} .comparison tr td.pickedItem {border-left:2px solid red; border-right:2px solid red} .comparison tr:first-child th.pickedItem {border-top:2px solid red; border-left:2px solid red; border-right:2px solid red; border-radius:10px 10px 0 0} .comparison tr:last-child td.pickedItem {border-bottom:2px solid red; border-radius:0px 0px 10px 10px} .comparison .diagRating11.pickedItem, .comparison .diagRating33.pickedItem, .comparison .diagRating22.pickedItem, .comparison .diagRating44.pickedItem {border-left:2px solid rgba(255,255,255,0.01); border-right:2px solid rgba(255,255,255,0.01); } .comparison tr td.pickedItem.NEK {border-left:2px solid green; border-right:2px solid green} .comparison tr:first-child th.pickedItem.NEK {border-top:2px solid green; border-left:2px solid green; border-right:2px solid green; border-radius:10px 10px 0 0} .comparison tr:last-child td.pickedItem.NEK {border-bottom:2px solid green; border-radius:0px 0px 10px 10px} .comparison td.mainPrice.pickedItem.noNEK { background-color:red; color:white} .comparison td.mainPrice.pickedItem.NEK { background-color:green; color:white} .comparison .smartShift {position:relative; left:64px;} .comparison th.pickedItem .selectedModel {display:block} .comparison th.alternateItem .alternativeModel {display:block} .comparison tr.odd td.pickedItem.blink {background-color:red; color:white} .comparison tr td.priceTag {font-size:22px} .comparison img.mi {width:120px; border-radius:15px; box-shadow: 3px 3px 10px #dddddd;} .comparison tr td.notPreferred .saveMoney {display:none} .comparison tr td .saveMoney3 {display:none} .comparison tr td.notPreferred.pickedItem .saveMoney3 {display:block} a.saveMoney2 {display:block; margin: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: 97% center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; padding: 5px 0px; text-overflow: ellipsis; white-space: nowrap; width: 208px; text-decoration:none; text-align:center; background-image: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); border: 1px solid #588F1F; color:white; font-size:18px; font-weight:bold} a.saveMoney2 span {font-size:20px; display:block;} a.saveMoney2:hover {background-image: none; border: 1px solid #588F1F; color:black; font-weight:bold} a.saveMoney3 {display:block; background-image: -webkit-linear-gradient(#AAAAAA, #C6C6C6 40%, #575757); border:1px solid #AAAAAA} a.saveMoney3 {display:block; margin: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-position: 97% center; background-repeat: no-repeat; font-size: inherit; overflow: hidden; padding: 8px 5px 8px 5px; text-overflow: ellipsis; white-space: nowrap; width: 98px; text-decoration:none; text-align:center; background-image: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); border: 1px solid #588F1F; color:white; font-size:14px; font-weight:bold} a.saveMoney3:hover {background-image: none; border: 1px solid #588F1F; color:black; font-weight:bold} a.saveMoney3 span {display:block; font-size:12px} #phoneComparison a.saveMoney3 {width:198px} #totalIP2, #totalMG2 {font-size: 24px; color: white; background-color: #CEB275; padding: 5px 5px; text-align: center; margin: 20px 0 0 0;} /* Magnifiers*/ #MGcontent {width:720px;} #MGcontent .card h2 { font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; text-transform:none; color:#555555; font-size: 14px; text-align:center; background:#dddddd; border-radius:10px 10px 0 0; margin:0 0 0 0; padding:6px 0 5px 0; } #MGcontent .card h2 .accent { display:block; padding:2pd 0 0 0; font-size:26px; } #MGcontent .card { width:234px; cursor:pointer; border-radius:10px; background:rgba(0,0,0,0.02); margin:0 3px; } #MGcontent .card .subText { min-height:235px; padding:0 8px 0 8px } #MGcontent .card img { width:210px; margin-left:12px } #MGcontent .card.selected h2, #IPcontent .card.kat:hover h2 { background:#CEB275; padding:3px 0 5px 0; border-radius:5px 5px 0 0; color:white; } #MGcontent .card.selected, #IPcontent .card.kat:hover { opacity:1; border:3px solid #CEB275; border-radius:10px; background:transparent; margin:0; } #MGcontent h3 { border-bottom: 3px solid #3C43A1; font-family: "Lucida Sans Unicode","Lucida Sans","Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; font-size: 24px; color:#3C43A1 ; margin:50px 0 24px 0; } #MGcontent input[type=radio] {width:20px; height:20px;} #MGcontent input[type=checkbox] {width:20px; height:20px; } #MGcontent label {cursor:pointer; font-size:18px; padding-left:5px;} #MGcontent .subDescription {line-height:140%; color:#555555;} #MGcontent .subDescription .inner { padding:7px 0 15px 33px; width:650px; } #MGcontent .subDescription.warning .inner, #IPcontent .subDescription.info .inner { padding:7px 0 15px 33px; width:615px; min-height:60px } #MGcontent .subDescription p {padding:10px 0 0px 0; margin:0} #MGcontent .subDescription p:last-child {padding-bottom:25px} #MGcontent .warning {padding-left:65px; background-image:url('/images/alert.png'); background-size:50px 50px; background-repeat:no-repeat; background-position:33px 13px} #MGcontent .info {padding-left:65px; background-image:url('/images/info.png'); background-size:50px 50px; background-repeat:no-repeat; background-position:33px 13px} #MGcontent .lBlock {width:490px; } #MGcontent .rBlock {width:290px; } #MGcontent .link {border:1px solid gray; padding:10px 5px; font-size:16px; text-align:center} #MGcontent .dphClaim {padding:20px 0 0 0; text-align:center; font-size:18px; } #MGcontent .card.clink h2 a {color:inherit; text-decoration:none; display:block} #MGcontent .card.clink h2 a:hover {color:black; text-decoration:none; display:block} #MGcontent .subTextADD {font-size:14px} .howr {display: block; border-radius:10px; border:2px solid #72a252; padding:5px 10px; text-decoration:none; color:#72a252; text-align:center} .SRText {line-height:1px; font-size:1px; width:1px; height:1px; overflow:hidden; color:rgba(255,255,255,0.01); position:absolute} .whisperItem { display:block; font-size:18px; padding:5px; } .whisperItem.odd { background:rgba(0,0,0,0.05);} .whisperItem.even { } .whisperItem:hover {background:rgba(255,255,0,1)!important;} #searchFor { margin: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: -webkit-linear-gradient(#FAFAFA, #FfFfFf 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: 25px; overflow: hidden; padding: 4px 10px; text-overflow: ellipsis; white-space: nowrap; width: 220px;} #whisper { position:absolute; left:300px; width:540px; padding:20px; margin:10px; background-image: -webkit-linear-gradient(#FAFAFA, #FfFfFf 40%, #E5E5E5); background-position: 97% center; background-repeat: no-repeat; border: 1px solid #AAA; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); border-radius:10px; } #whisperInner { width:540px; max-height:300px; overflow:auto; } .comparison td a.cBox {position:relative;} .q {display:block; font-weight:bold} .a {display:block; margin: 5px 0 15px 20px;} /* Bannery na titulce */ #articleSlider div, #articleSlider p {font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande', 'Trebuchet MS', Tahoma, sans-serif;} #articleSlider a.theme {text-decoration:none; display:inline-block; color:white; background-color:gray; padding:1px 12px 0px 12px; border-radius:12px; font-family: Arial, sans-serif; font-weight:600} #articleSlider a.theme:hover {text-decoration:none; display:inline-block; color:white; background-color:#555555; padding:0px 12px; border-radius:12px;} /* news na titulce */ .homePageContent {width:731px;} .homePageContent #threeNewsContent article {float:left; width:230px; padding:0 4px 4px 4px; margin:0 8px 20px 0px; /*background: url('/templates/images/left-divider.png') repeat-x top left;*/} .homePageContent #threeNewsContent article:nth-of-type(3n+3) {padding:0 4px 4px 4px; margin:0px 0px 20px 0px;} article.newsTwo:hover {background-color:#FFF3E2; border-radius:6px} .newsTwo h3 {height:68px; overflow:hidden} .newsTwo h3 a {font-size:14px; font-weight:normal; line-height:17px;} .newsTwo h3, .newsOne h3 {/*color:black*/; padding:0 0 0 0; margin:5px 0 0px 0} .newsTwo .imaz { display: block; width: 230px; height: 85px; background-position: center center; margin-top:4px; background-size: 100% 100%; border-radius:3px 3px 0 0 } .newsTwo .subText, newsOne .newsTwo {font-size:12px; margin-bottom:5px} .newsTwo .articlePerex {padding:10px 0 5px 0 ; font-size:13px;line-height:18px; color:#333333; overflow:hidden; min-height:141px} .newsTwo .themeCloud {} .newsTwo a.tag {font-size:10px; text-decoration:none; display:inline-block; color:white; background-color:gray; padding:1px 5px 0px 5px; border-radius:12px; line-height:14px} .newsTwo a.tag:hover {font-size:10px; text-decoration:none; display:inline-block; color:white; background-color:#555555; padding:1px 5px 0px 5px; border-radius:12px; line-height:14px} .newsTwo .tagHive {font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande', 'Trebuchet MS', Tahoma, sans-serif; padding:1px 1px 0 5px; background:#F2E7C8; font-size:10px; border-radius:0px 0px 3px 3px } .newsTwo .tagHiveTags {width:181px; float:right; height:45px; background-color:#FAF5E9; padding:3px 0 0 5px; overflow:hidden} #allNews .oneNews:hover {background-color:#FFF3E2} #allNews .oneNews {padding:5px 6px 5px 10px; display: flex; flex-direction: row} #allNews .oneNews h3 {font-size:14px; padding:0px; margin:0px; } #allNews .oneNews .released {font-size:10px;} #allNews .oneNews .content {font-size:12px; border-left:3px solid #F2E7C8; padding-left:8px;} #allNews img.catImage { margin:0 10px 0 0; border-radius:3px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1);} center.notFound {font-size:14px; font-weight:normal; padding:50px 0; color:black} .hpLister a {text-decoration:none; display:inline-block; width:25px; line-height:25px; height:25px; border-radius:5px; overflow:hidden; text-align:center; font-size:12px; color:#284899} .hpLister a.active {background:#E7D49C} .hpLister a.PREV {text-decoration:none; display:inline-block; width:70px; line-height:25px; height:25px; border-radius:5px; overflow:hidden; text-align:center; font-size:12px; color:#284899} .hpLister a.NEXT {text-decoration:none; display:inline-block; width:40px; line-height:25px; height:25px; border-radius:5px; overflow:hidden; text-align:center; font-size:12px; color:#284899} /* Detail produktu */ .productInformations {width:382px; float:left; padding-left:8px} .tagsHugger {margin-bottom:20px;} .paramTableHugger { border-radius:5px; border:1px solid #dab271; display:inline-block; padding:3px} .paramTable { max-width:380px } .paramTable td.n, .paramTable td.p { font-size: 14px; color: #010101; line-height: 21px; } .paramTable td.n a, .paramTable td.p a {color:inherit; font-weight:normal; text-decoration:none} .paramTable td.n { padding:2px 10px 2px 10px; } .paramTable td.p { padding:2px 10px 2px 10px; font-weight:bold; } .paramTable tr td.n.BRDR { border-bottom:1px solid #dab271; min-width:150px; } .paramTable tr td.p.BRDR { border-bottom:1px solid #dab271; } .paramTable tr:nth-last-child(-n+2) td {border-bottom:0px !important} .subtext { border-bottom:1px solid #dab271; font-size:12px; padding:0px 10px 10px 10px; color:#A7792C } .wy-tooltip { color: #010101; background: #fffbf5; box-shadow: 2px 2px 5px #555; position: absolute; padding: 10px; font-size:14px; line-height:21px; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; max-width:300px; } .wy-hide { display: none; } .mainProductImage img.subGallery {width:142px; border-radius:15px; box-shadow: 2px 2px 7px #dddddd;} .mainProductImage a:nth-child(even) img.subGallery {margin:8px 0px 8px 8px;} .mainProductImage a:nth-child(odd) img.subGallery{margin:8px 8px 8px 0px;} .mainProductImage a:hover {background-color:transparent !important} #aTag {font-size:16px; font-family:arial; border:1px solid #B2B2B2; padding:2px 3px 2px 3px} .titleLogotypes .singleLogotype { width:170px; height:80px; display:inline-block; } .titleLogotypes .singleLogotype img { width:170px; height:80px} .titleLogotypes {text-align:center} #JAWSSW, #SNSW, #DSRSW, #ZTSW { font-size: 18px;} #JAWSSW label, #SNSW label, #DSRSW label, #ZTSW label { border:1px solid #fffbf5} #haveJaws, #haveSN, #haveDSR, #haveZT {position:relative; top:3px; margin-top:3px; /*margin-bottom:10px*/} #JAWSSW select, #SNSW select, #DSRSW select, #ZTSW select { width: 180px; font-size: 18px; padding: 5px; display: inline-block; margin: 5px 0px 5px 0; } #JAWSSW input[type="button"], #SNSW input[type="button"], #DSRSW input[type="button"], #ZTSW input[type="button"] { font-size: 18px; padding: 5px; } /* vytazeni inline stylu pred nasazenim mobilni verze */ #cpro2, #wiz1_cpro2, #wiz1b_cpro2, #cpro, #navs {padding:5px 0 0 30px; margin-bottom:15px; display:none; font-size:16px} #pov201, #pov202, #pov01, #pov03, #pov02 {position:relative; top:3px} #txtCpp01, #txtCpp02, #txtCpp03 {font-size:14px; display:block; padding-bottom:10px; } #navs {font-weight:bold} #txtCpp00 {padding:10px} #poptavka h1 { margin-top:30px } #cproch { float:left } #controlCpp00, #controlCpp01, #controlCpp02 {display:inline-block; width:200px} #jawsVer, #snVer, #ztVer, #dsrVer {display:inline-block; width:150px} #txtCpp04 {padding-left:40px;} #ilm {width:100px; display:inline-block} #permaLink h1{margin-top:30px} #poptavka #PIN {display:block} #txtCpp05 {display:inline-block; width:650px; padding-top:3px} #infoMessage {padding:20px; background-color:#628846; color:white; font-size:20px; font-weight:bold; border-radius:10px; margin:20px 0px; text-align:center} #showComparisonButton {padding:40px 0 20px 0} .catalogue h2 { font-size:16px; border-bottom:3px solid #dab271; margin-bottom:10px; color:black} .catalogue #categoryJump {padding-bottom:20px} .catalogue #IPcontent {margin-bottom:20px} .catalogue #MKP img { width: 167px} .catalogue .productCard {width:167px; height: 170px; margin-right:10px; float:left; position:relative} .catalogue .productCard a {display:block; width:167px; text-align:center; padding-top:125px; text-align:center; position:absolute; top:0; left:0} .catalogue .productCard img {width:160px; border-radius:8px; box-shadow: 2px 2px 6px #dddddd; position:absolute; top:3; left:3; display:block; pointer-events : none;} .catalogue .productCard .eol {position:absolute; width:160px; height:20px; padding-top:3px; font-size:14px; top:90px; left:3px; background-color:rgba(200,0,0,0.5); color:white; font-weight:bold; text-align:center; pointer-events:none; } .catalogue .toTop {border-radius:10px; margin:10px 0 20px 0; border: 2px solid #dab271; color:white; font-weight:bold; padding:6px 20px 6px 20px; display:inline-block;} .catalogue .toTop a {color:black} .product #hopToContent {margin-bottom:25px} .product .div.divPr00 {min-height:250px} .product .div.divPr01 {margin-bottom:10px} .product .div.divPr02 {font-size:11px;} .product .div.divPr03 {font-size:12px; font-weight:normal} .product .elPr00 {margin-bottom:20px} .product .elPr00 a {padding:10px 40px; display:inline-block; margin:10px auto; background-color:#3a5aa3; color:white; font-weight:bold; border-radius:5px;} .product .mainProductImage a.mainImage {z-index:10; display:inline-block} .product .mainProductImage a.mainImage img {margin-bottom:8px} .product .mainProductImage a {display:inline-block} .product .pricep.hp {width:670px; margin-bottom:10px; font-size:26px; font-weight:bold} .product .fb-like {margin-top:20px; margin-bottom:20px;} #addNewArticles {display:inline-block; background-color: #C2A985; color:white; text-align:center; width:250px; height:30px; line-height:30px; overflow:hidden; border-radius:5px; text-decoration:none; box-shadow:5px 5px 10px rgba(0,0,0,0.1); margin:0 0 0 235px} #addNewNaA {display:inline-block; background-color: #C2A985; color:white; text-align:center; width:300px; height:30px; line-height:30px; overflow:hidden; border-radius:5px; text-decoration:none; box-shadow:5px 5px 10px rgba(0,0,0,0.1); margin:0 0 0 210px} #addNewArticles:hover, #addNewNaA:hover {background-color:#A08050;} .announcement {padding:20px 0} #iPhoneCards { position:relative; } #iPhoneCards .card h2 div {font-size:16px; font-weight:bold} #iPhoneCards .card h2 .accent {font-size:21px; font-weight:bold} #iPhoneCards .card {background-color:transparent} #iPhoneCards .card .oneIPhoneItem { padding:3px 0 0 0; display:none} #iPhoneCards .card .oneIPhoneItem.active {display:block} #iPhoneCards .card .oneIPhoneItem div:first-of-type {margin-top:7px} #iPhoneCards .card .oneIPhoneItem div {font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande', 'Trebuchet MS', Tahoma, sans-serif; font-size:14px} #iPhoneCards .card .oneIPhoneItem h3 {font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande', 'Trebuchet MS', Tahoma, sans-serif; font-size:16px; font-weight:bold; background:#F9F4E6; border-bottom:0; color:black; text-align:center; margin:8px 10px 4px 10px ; padding:2px 0 2px 0} #iPhoneCards .card .oneIPhoneItem .sqImage {background-repeat: no-repeat; width:40px; height:75px; display:inline-block; margin:0 0 0 10px; background-position:top center; background-size:auto 75px; } #iPhoneCards .card .cardParameters {display:inline-block;} #iPhoneCards .card .ipOk {background: #F9F4E6 url('/templates/images/IPOK.png') no-repeat; margin:5px 10px 10px 10px; padding-top:7px; height:65px; background-position: 8px 14px; background-size:33px 33px; padding-left:50px; text-color:black; font-size:14px; line-height:16px; border-radius:5px; display:none; line-height:50px} #iPhoneCards .card.selected .ipNotOk {margin:5px 10px 10px 10px; padding-top:7px; height:65px; color:white; line-height:26px; text-align:center; border-radius:5px; display:block; text-decoration:none; font-weight:normal; font-size:24px; background: -webkit-linear-gradient(#55FF6B, #27B134 40%, #588F1F); background-repeat: repeat-x; background-position: 0 0; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #588F1F; } #iPhoneCards .card.selected a.ipNotOk:hover {font-size:24px; background: yellow; color:black; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #588F1F; } #iPhoneCards .card.selected a.ipNotOk div {display:inline; font-weight:bold} /* #iPhoneCards .card a.ipNotOk:hover {background: #cdcdcd url('/templates/images/IPNOTOKg.png') no-repeat; margin:5px 10px 10px 10px; padding-top:7px; height:55px; background-position: 10px 13px; background-size:33px 33px; padding-left:50px; text-color:black; font-size:14px; line-height:16px; border-radius:5px; display:block; text-decoration:none; font-weight:normal; color:black} */ /* #iPhoneCards .card .phonesList {min-height:460px} */ #iPhoneCards .card .phonesList a div {font-size:14px; font-family:arial; display:block; text-decoration:none; color:black; font-weight:normal} #iPhoneCards .card .phonesList a div span {font-size:12px; font-family:arial; display:block; font-weight:bold} #iPhoneCards .card .phonesList a { background:#F2F0EC url('/templates/images/liUnselectedNonActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px; display:block; height: 35px; border-radius:5px; padding:2px 0 0 50px; margin:5px 10px; text-decoration:none; line-height:16px } #iPhoneCards .card .phonesList a.active { background:#DFDCD8 url('/templates/images/liSelectedNonActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px; color:#6E912C; } #iPhoneCards .card.selected .phonesList a { background:#F2F0EC url('/templates/images/liUnselectedActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px;} #iPhoneCards .card.selected .phonesList a.active { background:#CEB275 url('/templates/images/liSelectedActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px;; } #iPhoneCards .card .phonesList a:hover { background:#EBE8E2 url('/templates/images/liUnselectedNonActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px; } #iPhoneCards .card .phonesList a.active:hover { background:#cFcCc8 url('/templates/images/liSelectedNonActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px; } #iPhoneCards .card.selected .phonesList a.active div { color:white} #iPhoneCards .card.selected .phonesList a:hover { background:#E3DFD6 url('/templates/images/liUnselectedActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px; } #iPhoneCards .card.selected .phonesList a.active:hover { background:#C5A45B url('/templates/images/liSelectedActive.png') no-repeat; background-size:14px 14px; background-position: 19px 11px;; } #iPhoneCards .card .ipOk:hover {background: #F5EDD6 url('/templates/images/IPOK.png') no-repeat; margin:5px 10px 10px 10px; padding-top:7px; height:65px; background-position: 8px 14px; background-size:33px 33px; padding-left:50px; text-color:black; font-size:14px; line-height:50px; border-radius:5px; display:none} #iPhoneCards .card .totalPrice { font-size:24px; color:#555555; background-color:#dddddd; padding:5px 5px 4px 5px; text-align:center; border-radius:0px 0px 5px 5px; } #iPhoneCards .card.selected .totalPrice { color:white; background-color:#CEB275;} #accessibilityAnnouncement {background: #F9F4E6 url('/templates/images/IPOK.png') no-repeat; background-position: 10px 4px; background-size:25px 25px; font-size:12px; padding-left:45px; height:35px; border-radius:5px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); overflow:hidden; line-height:35px; margin:10px 5px 0 5px} #Modal { border-radius:10px; display:none; position: fixed; z-index: 99999; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 200px; background: #e9eaf3; box-shadow :10px 10px 15px rgba(0,0,0,0.4); } #Modal h2 {font-weight:bold; margin-top:0px; color:white; padding:12px 20px; background:red; border-radius:7px 7px 0 0 ; text-align:center; margin-bottom:20px} #Modal h2#greenMessage {background:green;} #Modal a.close {display:inline-block; padding:5px 10px; border:2px solid red; text-decoration:none; border-radius:5px; color:black; background:#e0e0e0} #Modal a.close:hover {background:red; border:2px solid black; color:white } #Modal .textBox {padding:20px; font-size:16px} #Modal .textBox ul {padding-top:10px; padding-left:20px !important} .redBox {background: red !important; color:white !important} #formSection02 {padding-top:20px} /*:focus {border:3px solid blue !important} */ .secondLevel {position:relative; left:28px} .secondLevel .prc {position:relative; left:-28px}