/* body {margin: 0px; font-family:Oswald; font-size:16px; font-weight:lighter; background-color:#fff; color:black;}*/ body {margin: 0px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; background-color:#fff; color:black;} h1 {color: #0e5685; font-size:24px; font-weight:normal; margin:0; text-transform: uppercase;} h2 {color: #0e5685; font-size:18px; font-weight:normal; margin:0; text-transform: uppercase;} h3 {color: #0e5685; font-size:16px; font-weight:normal; margin:0; text-transform: uppercase;} p {/*width: 640px; margin:20px 0 20px 0;*/} a {font-family: 'Open Sans', sans-serif; font-size:12px; font-weight: 100; color: #33303f; text-decoration: underline;} a:hover {text-decoration: none;} .boxMain ul, .boxMain2 ul{list-style: none outside none; margin:0; padding:0} .boxMain li, .boxMain2 li {list-style: none outside none; text-align: left; margin:5px 0 5px 0; padding:0 0 0 20px; background:url(img/liBg.png) no-repeat left center } img {border:none;} .page {margin-left:auto; margin-right:auto; margin-top:0px; width:1000px; position:relative !important; text-align: left;} .boxLeft {float:left; width:300px; margin: 5px 0 0 0; padding: 0} .boxMain, .boxMain2 {float:left; width:900px; margin:5px 0 0 5px; position: relative} .boxMainIn { padding: 20px } #pageWrap {background: url("img/pageWrap.jpg") no-repeat center top; margin: 0 auto; max-width: 2560px; min-width: 1000px; overflow: hidden; text-align: center;} /* #pageWrapIn {background: url("img/headerBg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); margin: 0 auto; max-width: 2560px; min-width: 1000px; overflow: hidden; height: 176px;} */ /* header */ .header {margin-left:auto; margin-right:auto; margin-top:0px; width:1000px; height:374px; width:1000px; position:relative; } .header2 {margin-left:auto; margin-right:auto; margin-top:0px; width:1000px; height:160px; width:1000px; position:relative; } #logo {position: absolute; left:0px; top:28px} #logo a {float:left; display:block; width:291px; height:33px; background: url(img/logo.png) no-repeat top center; font-size: 0px} .en_slogan {position: absolute; display:block; left:0px; top:28px; background:url(img/enslogan.png) no-repeat left center; width:645px; height:42px } .cz_slogan {position: absolute; display:block; left:0px; top:28px; background:url(img/czslogan.png) no-repeat left center; width:645px; height:42px } .headerLogin {color:#fff; position: absolute; right:0px; top:135px; text-align: right; height:20px; font-size: 12px; font-weight: bold;} .headerLogin a {color:#fff; text-decoration: none; height:20px; line-height:20px; font-size: 14px; font-weight: normal;} .headerLogin a:hover {color:#f3f7f9; text-decoration: underline;} .headerLanguage {position:absolute; right:0px; top:150px; text-align: right; height:20px; font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; border: 1px #65879d solid; width: 160px;} .headerLanguage a {display: block; position:relative; color:#fff; height: 22px; padding: 0 10px 0 10px; line-height: 22px; text-decoration: none; font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; text-shadow:1px 1px 0px #000; background:url(img/arrow.png) no-repeat 10px 8px; } .headerLanguage a:hover {color:#f3f7f9; text-decoration: underline;} .headerLanguage .englishFlag {display: block; height: 15px; width:25px; position: absolute; left:40px; top:3px; background:url(img/englishFlag.png) no-repeat top center; } #headerSearch {position:absolute; top:80px; right: 0; background: url(img/searchBg.png) no-repeat left center; height: 39px;/* width: 290px;*/} #headerSearch input {background: none repeat scroll; border: medium none; float: left; height: 30px; line-height: 30px; margin: 5px 0 0 10px; padding: 0; width: 220px; color: #fff;} #headerSearch input.search {background: url("img/searchButtonBg.png") no-repeat left bottom; border: medium none; margin: 0 0 0 5px; float: left; cursor: pointer; height: 39px; padding: 0; width: 39px; font-size: 0px} #headerSearch input.search:hover {background-position:left top;} /* header end */ /* menu main */ .menuMain{position:absolute; top:127px; left:0px;} .menuMain ul {list-style: none outside none; margin:0; padding:0} .menuMain ul li {float: left; list-style: none outside none; text-align: center; height:35px; margin: 0; padding:0 20px 0 0; background: none; background: url(img/menuTop.png) right center no-repeat;} .menuMain ul li a {display:block; color: #fff; padding:0; font-weight:100; font-size: 16px; height:35px; text-decoration:none; line-height:35px; margin:0 10px; } .menuMain ul li a:hover {color: #fff; font-weight: 100; text-decoration:underline;} .menuMain ul li.selected a {color: #fff; font-weight: normal;} .menuMain ul li.selected a:hover {color: #fff; font-weight: normal; text-decoration:none;} .navigation{position:absolute; top:0px; left:10px; height: 44px; width: 620px; margin: 0 0 10px 0} .navigation ul {list-style: none outside none; margin:0; padding:0} .navigation ul li {float: left; list-style: none outside none; text-align: center; margin: 0; padding:0 10px 0 0; background: none; background: url(img/navigation.png) right center no-repeat;} .navigation ul li a {display:block; color: #9b59b6; padding:0; font-weight:100; font-size: 14px; height:22px; text-decoration:none; line-height:22px; margin:0 10px; } .navigation ul li a:hover {color: #74428b; font-weight: 100; text-decoration:underline;} .navigation ul li.last {background: none} .navigation ul li.last a {color: #74428b; font-weight: normal;} .navigation ul li.last a:hover {color: #74428b; font-weight: normal; text-decoration:underline;} .navigation ul li.selected a {color: black; font-weight: normal;} .navigation ul li.selected a:hover {color: black; font-weight: normal; text-decoration:none;} /* menu main end*/ /* menu left */ #menuLeft {float:left; width:300px; margin: 0px; padding: 0px; overflow: hidden;} #menuLeft ul {float:left; display:block; width:270px; list-style:none; margin:0px; padding:0} #menuLeft ul li {float: left; list-style: none outside none; margin:0 0 1px 0; width:300px; padding: 0} #menuLeft ul li a, #menuLeft ul li.inactive a{display:block; color: #fff; font-family: "Oswald"; padding:0 0 0 20px; font-size:18px; text-transform:uppercase; height:44px; text-decoration:none; line-height:44px; background: url(img/menuLeft.png) left top no-repeat;} #menuLeft ul li a:hover {background-position: left bottom;} #menuLeft ul li.inactive a {background: url(img/menuLeftInactive.png) left top no-repeat; color: #999;} #menuLeft ul li.freee a { background-image:none; background-color: #005000;} #menuLeft ul li.freee a:hover { background-color: #5BAB5B;} #menuLeft ul li.new a {background: url(img/menuLeftNew2.png) left top no-repeat;} #menuLeft ul li.new a:hover {background: url(img/menuLeftNew2.png) left bottom no-repeat;} #menuLeft ul li.pay a {opacity:0.8; filter:alpha(opacity=40);} #menuLeft ul li.pay a:hover {opacity:1.0; filter:alpha(opacity=40);} #menuLeft ul li.payed a{color:#CCFFCC;} #menuLeft ul li.forreg a{color:#CCFFCC;} .menuInPage3,#menuInPage, #menuInPage2 {float:left; width:900px; margin: 0px; padding: 0px; overflow: hidden;} .menuInPage3 ul,#menuInPage ul, #menuInPage2 ul {float:left; display:block; list-style:none; margin:0; padding:0; background: none;} .menuInPage3 ul li,#menuInPage ul li, #menuInPage2 ul li {float: left; list-style: none outside none; margin:0; width:212px; padding: 0; background: none;} .menuInPage3 ul li a,#menuInPage ul li a{float: left; font-family: "Oswald"; display:block; color: #fff; font-size:18px; height:38px; text-decoration:none; width:212px; text-align: center; line-height:38px; background: url(img/menuIn.png) left top no-repeat;} .menuInPage3 ul li a:hover,#menuInPage ul li a:hover, #menuInPage2 ul li a:hover {background-position: left bottom;} .menuInPage3 ul li.selected a,#menuInPage ul li.selected a {background-position: left bottom; color: black; text-shadow:1px 1px 1px #cccccc} #menuInPage2 ul li a{float: left; font-family: "Oswald"; display:block; color: #000000; font-size:18px; height:27px; text-decoration:none; width:212px; text-align: center; line-height:27px; background: url(img/mipBg.png) left top no-repeat;} #menuInPage2 ul li.selected a {background-position: left bottom; color: red; text-shadow:1px 1px 1px #fff} /* box main */ /* slider */ #slider {float:left; display: block; width:1000px; height:200px; background:url(img/slider.png) no-repeat left bottom; position: absolute; top:170px; left: 0} #sliderIn {position: relative; background: none;} #slider a.left, #slider a.right {float:left; display:block; width:18px; height:83px; position: absolute;} #slider a.left {background:url(img/sliderLeft.png) no-repeat left top; top:60px; left: 10px;} #slider a.right {background:url(img/sliderRight.png) no-repeat left top; top:60px; right: 10px;} #slider a.left:hover, #slider a.right:hover { background-position: left bottom } .menu{float:left; display:block; position: absolute; top:35px; left: 40px;} .menu ul {list-style:none outside none; margin:0; padding:0} .menu ul li {float:left; display:block; list-style:none outside none; text-align:center; background: none; padding:0; margin:0 5px} .menu ul li a.first, #slider .menu ul li a.second, #slider .menu ul li a.third, #slider .menu ul li a.fourth {float:left; display:block; width:220px; height:135px; margin: 0px;} .menu ul li a.first:hover, #slider .menu ul li a.second:hover, #slider .menu ul li a.third:hover, #slider .menu ul li a.fourth:hover {opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} .menu ul li a.first {background:url(img/sliderImg1.jpg) no-repeat left bottom;} .menu ul li a.second {background:url(img/sliderImg2.jpg) no-repeat left bottom;} .menu ul li a.third {background:url(img/sliderImg3.jpg) no-repeat left bottom;} .menu ul li a.fourth {background:url(img/sliderImg4.jpg) no-repeat left bottom;} /* slider end */ .sectionHeader {float:left; display:block; height:55px; width:723px; background: url(img/sectionHeader.png) top center no-repeat;} .sectionHeader a {float:left; display:block; height:55px; text-shadow:1px 1px 1px #ffffff; font-family: "Oswald"; font-size: 18px; padding: 10px 0 0 20px; text-transform: uppercase; color: #436584;} .sectionHeader a:hover {text-decoration:none;} /* box main */ #selectField {float: left; width:723px; height: 104px; background:url(img/selectField.png) no-repeat left top;} .filtr {float: left; margin: 15px 0 0 20px} .filtrText {float: left; display: block; width: 90px; text-transform: uppercase; font-family:Verdana, sans-serif; font-size: 12px; margin-right: 10px; height:20px; line-height: 20px;} input.filtrCheck {float:left; display:block; margin:0 10px 0 20px; border: none; height: 20px; line-height: 20px; width:20px;} .SelectBottom {float: left; margin: 25px 0 0 20px} select.selectField2 {float:left; display:block; margin:0 10px 0 20px; height: 20px; line-height: 20px; width:100px;} .selectText {float: left; display: block; width:140px; text-transform:uppercase; font-family:Verdana, sans-serif; font-size:12px; margin-right:10px; height:20px; line-height: 20px;} select.selectField3 {float:left; display:block; margin:0 10px 0 20px; height: 20px; line-height: 20px; width:55px;} .selectText2 {float: left; display: block; width: 320px; text-align:right; text-transform: uppercase; font-family:Verdana, sans-serif; font-size: 12px; margin-right: 10px; height:20px; line-height: 20px;} #navigation {float: left; display: block; margin: 5px 0 4px 0; width: 723px; height: 43px; position: relative; background: url(img/navigationMenu.png) no-repeat left top; } #navigation ul {list-style: none outside none; margin:0; padding:0; position: absolute; left: 0px; top:0px} #navigation ul li, #navigation ul li.last {float:left; display:block; list-style:none outside none; padding: 0; margin: 0 8px 0 0; background: #c3cfd7; text-align: center; height: 32px; background: url(img/navigationArrow.png) no-repeat right top;} #navigation ul li a {float:left; display:block; color: #4c4c4b; padding:0 15px 0 0; font-family: "Oswald"; font-weight: 100; text-transform: uppercase; height:32px; min-width:27px; font-size: 13px; text-decoration: underline; line-height:32px} #navigation ul li.first a {float:left; display: block; background: url(img/homeNavigation.png) no-repeat 12px 6px; width:50px; padding:0} #navigation ul li a:hover {color: #797979; text-shadow: none; text-decoration: none;} #navigation ul li.last {background: none; color: #797979; text-transform: uppercase; height: 32px; padding: 6px 0 0 0; font-size: 13px;} #menuPaging {float: left; display: block; margin: 5px 0 25px 0; width: 723px; height: 25px; text-align:right; position: relative;} #menuPaging ul {list-style: none outside none; margin:0; padding:0; position: absolute; right: 0px; top:0px} #menuPaging ul li {float:left; list-style:none outside none; height: 35px; margin: 0 8px 0 0 ; background:none; padding: 0px} #menuPaging ul li a, #menuPaging ul li.selected {color: #3d5b6f; padding:0; font-weight: 100; font-size: 14px; text-decoration: underline; font-family: Verdana, sans-serif; height:35px; line-height:40px} #menuPaging ul li a:hover {color: #b8c5ce; text-shadow: none; text-decoration: none;} #menuPaging ul li.first {margin: 0 15px 0 0} #menuPaging ul li.last { margin: 0 0 0 15px} #menuPaging ul li.selected {text-decoration: none; font-weight: bold;} #menuPaging2 {float: left; display: block; margin: 5px 0 25px 0; width: 723px; height: 25px; text-align:right; position: relative;} #menuPaging2 ul {list-style: none outside none; margin:0; padding:0; position: absolute; right: 0px; top:0px} #menuPaging2 ul li {float:left; display:block; list-style:none outside none; margin: 0 8px 0 0; background: #c3cfd7; text-align: center; padding: 0px} #menuPaging2 ul li a{ float:left; display:block; color: #3d5b6f; padding:0; text-align: center; width: 27px; font-family: verdana; font-weight: bold; height: 27px; min-width: 27px; font-size: 14px; text-decoration: none; line-height:27px} #menuPaging2 ul li.selected{ float:left; display:block; color: #3d5b6f; padding:0; font-family: verdana; font-weight: bold; height: 27px; width: 27px; font-size: 14px; text-decoration: none; line-height:27px} #menuPaging2 ul li a:hover {color: #527186; text-shadow: none; text-decoration: underline;} #menuPaging2 ul li.first a, #menuPaging2 ul li.last a {text-align: left; padding: 0 10px 0 10px; width: 80px;} #menuPaging2 ul li.last a {width: 40px; padding: 0 10px 0 10px;} #menuPaging2 ul li.selected {text-decoration: none; font-weight: bold; box-shadow: 1px 1px 0px black;} /* table product detail */ .advert {float:left; display:block; width:300px; height:72px; margin:20px 0 0 0} .request {position:absolute; display:block; top:36px; left:333px; width:160px; height:1px; background:#fff; z-index: 100} #sendRequestForm {margin: 20px 0 0 0;} #sendRequestForm .field {height: 25px; width: 200px; border:1px #5f8ca8 solid; margin: 0 0 10px 0} #sendRequestForm .fieldText {height: 25px; width: 200px; border:none; margin: 0 0 10px 0; line-height: 25px} #sendRequestForm input, #sendRequestForm input.required {background: none repeat scroll; border: medium none; color:#999 !important; height: 25px; line-height: 25px; margin: 0 0 0 10px; padding: 0; color: #68676d;} #sendRequestForm input.required {color:#ff4c06 !important;} #sendRequestForm .field2 {height: 100px; width: 640px; border:1px #5f8ca8 solid; margin: 0 0 10px 0} #sendRequestForm textarea {background: none repeat scroll; border: medium none; color:black; height:100px; width:650px; margin:10px 0 0 10px; padding-top:0px; resize: none; } #buttonSendQuery {float:right; display:block; height:36px; padding:0; width: 120px; margin:0px; text-align: right; margin:0 13px 20px 0} #buttonSendQuery a {display:block; background: url("img/buttonSend.png") no-repeat left top; color: white; text-decoration: none; border:medium none; height:36px; line-height: 36px; padding:0; margin:0px; text-align: center; font-size: 14px;} #buttonSendQuery a:hover { background: url("img/buttonSend.png") no-repeat left bottom; color: #fff; text-decoration: none;} .productDescription {float: left; display: block; width: 680px; margin:20px 0 0 20px; font-family: Verdana, sans-serif; font-size: 12px} .productDescriptionArticles {float: left; display: block; width: 723px; margin:20px 0 0 0;} /* table product detail end */ /* panel */ .panelOver {float:left; position:absolute; top:777px; left:270px; display:block; width:729px; height:200px; background:#c4e5ff; visibility: visible; z-index: 100 !important;} .panelBox {float: left; display: block; width: 240px; height: 102px; } .imageBoxPadding {float:left; padding:10px 0 0 10px} .imageBox {float:left; display: block; width:60px; height:80px} .panelBoxLinks {float:left; display: block; width:150px; height:30px; margin:0 0 0 10px} .panelBoxLinksSmall {float:left; display: block; width:170px; height:30px; margin:10px 0 0 0; overflow: hidden;} .panelBoxLinks a {float:left; display: block; width:120px; margin:0 0 10px; font-family: "Oswald"; font-family: "Oswald"; font-size: 14px; padding:0 0 0 20px; color: #3c5f7a; text-transform: uppercase; background: url("img/arrowPanel.png") no-repeat left center; height: 30px; line-height: 30px;} .panelBoxLinksSmall a {float:left; padding: 0 5px 0 5px; color: #3c5f7a; font-family: "Oswald"; font-size: 12px; text-transform: uppercase; height: 15px; line-height: 15px; font-size: 12px} .panelBoxLinks a:hover, .panelBoxLinks a.small:hover {text-decoration: none;} .panelBoxLinks a.small {font-size: 12px; background: none} .panelBoxLinks a:hover, .panelBoxLinksSmall a:hover {text-decoration: none;} /* panel end */ /* social */ .socialInPage {width: 100%; float: left; padding:0 0 10px 0} a.fbShare, .fbShare {float:left; color: #3A5A97 !important; display: inline-block; font-size: 13px; height: 20px; line-height: 20px; padding: 0 0 0 25px; background: url(img/fb.png) no-repeat left center; margin:0 10px 0 0} a.sendEmail, .gplus {float:left; display: inline-block; font-size: 13px; height: 20px; line-height: 20px; padding: 0 0 0 30px; background: url(img/sendEmail.png) no-repeat left center} .gplus {float:left; background: none; padding:0 0 0 10px; font-size: 13px !important} /* social end */ .right {float: right;} .left {float: left;} .cleaner {clear:both; font-size:0; height:0; line-height:0} .copyright{position: absolute; left:0px; bottom:0px; font-size:14px; font-weight:lighter; color: #fff} .designed a{position: absolute; right:0px; bottom:0px; font-size:14px; font-weight:normal; color: #99ccff !important; text-decoration: none} /* footer */ #footer {max-width:2560px; min-width:1000px; height:138px; background:url(img/footerWrap.png) no-repeat center top;} .footerIn {margin:0 auto; width:1000px; position: relative; height:134px; position: relative} #footer .footerMenu {float: left;} .menuFooter{position:absolute; top:20px; right:140px;} .menuFooter ul {list-style: none outside none; margin:0; padding:0} .menuFooter ul li {float:left; list-style:none outside none; height: 35px; margin: 0 20px 0 0; background: none; padding:0} .menuFooter ul li a {font-family: "Oswald"; color: #fff; padding:0; font-weight: 100; font-size: 14px; text-transform: uppercase; height:35px; text-decoration:none; line-height:40px} .menuFooter ul li a:hover {color: #b8c5ce; text-shadow: none} #footer .buttonTop {position: absolute; right:0px; top:0px; display:block; height:40px; padding: 10px 0 0 0 } #footer .buttonTop a {color: #fff; font-family: "Oswald"; font-size: 16px; text-transform:uppercase; background:#9b59b6; text-decoration: none; display:block; text-align:center; width:129px; line-height: 40px; height:40px;} #footer .buttonTop a:hover {color:#cbdde9;} #footer .footerFacebook {position: absolute; left:0px; top:25px} #footer .footerFacebook a {display:block; width:29px; height:29px; background:url(img/facebook.png) no-repeat left bottom;} #footer .footerFacebook a:hover {background:url(img/facebook.png) no-repeat left top;} /* #footer .footerGoogle {position: absolute; right:60px; top:60px} #footer .footerGoogle a {display:block; width:32px; height:32px; background:url(img/footerGoogle.png) no-repeat left top;} #footer .footerGoogle a:hover {display:block; width:32px; height:32px; background:url(img/footerGoogle.png) no-repeat left bottom;} */ .copyright {float: left; position:absolute; display:block; top:30px; left:40px; font-family: "Oswald";} .copyrightText {color: #fff; font-family: "Oswald"; font-size: 14px; float: left; display: block;} .copyright a {color: #fff; font-family: "Oswald"; font-weight: normal; font-size: 14px; float: left; display: block; margin: 0 0 0 10px} /* footer end*/ /* form */ #form {background: url(img/formBottom.png) no-repeat left bottom; width:623px; min-height:340px; position: relative;} .formTop {background: url(img/formTop.png) no-repeat left top; text-transform: uppercase; width:603px; height:49px; line-height: 49px; font-size: 18px; font-weight: normal; margin-bottom: 20px; color: #fff; padding: 0 0 0 20px;} .leftPart, .rightPart {height: 25px; line-height: 25px; margin:5px 20px 5px 0;} .leftPart {float:left; width: 130px; padding: 0 0 0 20px; color: #fff; font-size: 18px; text-transform: uppercase;} .rightPart {float:left; width: 300px;} input {width: 300px; height: 25px; line-height: 25px; ;} #flags a {float:left; display: block; height: 18px; width: 45px;} #flags a.fr {display:block; background: url("img/flags/frFlag.png") no-repeat left top; } #flags a.zh {display:block; background: url("img/flags/zhFlag.png") no-repeat left top; } #flags a.ru {display:block; background: url("img/flags/ruFlag.png") no-repeat left top; } #flags a.en {display:block; background: url("img/flags/enFlag.png") no-repeat left top; } #flags a.de {display:block; background: url("img/flags/deFlag.png") no-repeat left top;} #flags a.es {display:block; background: url("img/flags/esFlag.png") no-repeat left top;} #flags a.cz {display:block; background: url("img/flags/czFlag.png") no-repeat left top;} #flags a.deselect {opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} #flags a:hover {opacity:1; filter:alpha(opacity=40); /* For IE8 and earlier */} textarea {width: 410px; height: 100px; margin-right: 20px; border: solid 1px #000; margin-bottom: 30px; resize: none} .buttonSend {position:absolute; bottom:10px; right: 25px; display: block; height: 35px; width: 117px; background: url(img/buttonSend.png) no-repeat top center; font-size: 0px; border:none; cursor: pointer;} .buttonSend:hover {background-position:bottom center; border:none} /* form end */ /* login */ #login{} #login input,#register input {width: 130px; height: 25px; line-height: 25px; margin-right: 20px; border: solid 1px #000;padding-left:3px;} #login #buttSend,.buttSend,#register #buttSend {width: 90px;font-weight:bold;} #frmReg .cvyb {margin:00px;position:relative;top:2px;height:15px;width: 50px;} #frmReg .region {padding:0px;margin:0px;text-align:left;display: inline-block; width:300px;} #buttRegion {width:auto;} /* end login */ /* basket */ a.headerBasket {display:block; padding: 0 0 0 35px; height:30px; position: absolute; right:0px; top:60px; color:#fff; font-size: 12px; font-family: Verdana, sans-serif; background: url(img/basket.png) left center no-repeat; text-decoration: none !important;} .amount, .free { color:#38454f; font-weight: bold; text-shadow:1px 1px 1px #bfd5e3; text-transform: uppercase; text-align: right; text-decoration: none !important;} .free { color:#186d18; } #flags { position: absolute; top:40px; right:00px; }