.flexbox {display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;} .flexbox.flexbox-vert-center {align-items: center;} .flexbox.flexbox-hor-center {justify-content: center;} BODY {background-color: #FFF; font-family: Arial; margin: 0px; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: center top;} A:HOVER {text-decoration: none;} .hideText {display: none;} #mainFrame {width: 980px; margin-left: auto; margin-right: auto;} .image-competition {position: relative; width: 100%;} .image-competition h3 {position: absolute; top: 100px; left: 0; width: 100%;} .image-competition h3 span {color: white; letter-spacing: -1px; background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.7); padding: 10px;} #backgroundFrame {width: 980px; float: left; min-height: 278px; background-image: url(../images/cnt-bg.jpg); background-repeat: no-repeat; background-position: left 197px;} #top {width: 980px; height: 278px; float: left; position: relative;} #top H1 {width: 350px; height: 278px; float: left; margin: 0px; background-image: url(../images/logo.jpg);} #top H1 A {width: 350px; height: 278px; float: left; display: block;} #top .navigation {width: 355px; height: 37px; float: left; padding: 16px 0px 0px 0px; font-size: 11px; color: #FFF; font-size: 11px;} #top .navigation B {font-size: #FFF;} #top .navigation A {color: #e3e3e3; text-decoration: none;} #top .navigation A:HOVER {color: #e3e3e3; text-decoration: underline;} #top .topAdds {width: 275px; height: 37px; float: left; padding: 16px 0px 0px 0px; font-size: 11px; color: #FFF; font-size: 11px; text-align: right;} #top .topAdds A {color: #e3e3e3; text-decoration: none;} #top .topAdds A:HOVER {color: #e3e3e3; text-decoration: underline;} #top .banner {width: 630px; height: 144px; position: relative; float: left;} #top .rozcestnik {width: 148px; height: 503px; float: left; background-image: url(../images/znacka.png); position: absolute; left: 1007px;} #top .rozcestnik A {width: 148px; height: 503px; float: left; display: block;} .banner .slides, .banner .slide { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .banner .slide { z-index: 0; opacity: 0; transition: opacity .5s; } .banner .slide.active { opacity: 1; z-index: 1; } .banner .dots { position: absolute; right: 10px; bottom: 10px; z-index: 10; } .banner .dot { width: 12px; height: 12px; float: left; background-color: #fff; border-radius: 50%; opacity: .5; transition: opacity .5s; cursor: pointer; } .banner .dot.active { opacity: 1; } .banner .dot:not(:last-child) { margin-right: 5px; } #mainFrame2 {width: 100%; float: left; background-image: url(../images/cnt-bottom-bg.jpg); background-repeat: repeat-x; background-position: left bottom;} #mainFrame2 .sizer {width: 980px; margin-left: auto; margin-right: auto; min-height: 205px; background-image: url(../images/cnt-bg.jpg); background-repeat: no-repeat; background-position: left -81px;} #left {width: 321px; float: left; padding: 0px 30px 30px 0px;} #left UL {width: 321px; float: left; padding: 0px; margin: 0px 0px 30px 0px; list-style: none;} #left UL LI {width: 321px; height: 70px; float: left; margin: 0px 0px 5px 0px; position: relative;} #left UL LI A {width: 321px; height: 70px; float: left; display: block;} #left UL .no1 {background-image: url(../images/menu-01.jpg);} #left UL .no2 {background-image: url(../images/menu-02.jpg);} #left UL .no3 {background-image: url(../images/menu-03.jpg);} #left UL .no4 {background-image: url(../images/menu-04.jpg);} #left UL .no5 {background-image: url(../images/menu-05.jpg);} #left UL .no6 {background-image: url(../images/menu-06.jpg);} #left UL .no7 {background-image: url(../images/menu-07.jpg);} #left UL .no1:HOVER {background-image: url(../images/menu-01-on.jpg);} #left UL .no2:HOVER {background-image: url(../images/menu-02-on.jpg);} #left UL .no3:HOVER {background-image: url(../images/menu-03-on.jpg);} #left UL .no4:HOVER {background-image: url(../images/menu-04-on.jpg);} #left UL .no5:HOVER {background-image: url(../images/menu-05-on.jpg);} #left UL .no6:HOVER {background-image: url(../images/menu-06-on.jpg);} #left UL .no7:HOVER {background-image: url(../images/menu-07-on.jpg);} #left UL LI .submenu {width: 272px; float: left; position: absolute; z-index: 100; left: 311px; display: none;} #left UL LI .submenu UL {width: 212px; float: left; padding: 23px 20px 0px 40px; margin: 0px;} #left UL LI .submenu UL LI {width: 272px; height: 22px; float: left; font-size: 14px; color: #333; padding: 0px 0px 0px 0px;} #left UL LI .submenu UL LI A {color: #333; display: inline; float: none; width: auto; height: auto;} #left UL LI .submenu .submenuBottom {width: 272px; height: 11px; float: left; background-image: url(../images/submenu-bottom.png); background-repeat: no-repeat; background-position: right top;} #left UL LI .submenuBg1 UL {background-image: url(../images/submenu-bg.png);} #left UL LI .submenuBg2 UL {background-image: url(../images/submenu2-bg.png);} #left UL LI .submenuBg3 UL {background-image: url(../images/submenu-bg.png);} #left UL LI .submenuBg4 UL {background-image: url(../images/submenu2-bg.png);} #left UL LI .submenuBg5 UL {background-image: url(../images/submenu-bg.png);} #left UL LI .submenuBg6 UL {background-image: url(../images/submenu2-bg.png);} #left .bar01 {width: 321px; height: 131px; float: left; margin: 0px 0px 10px 0px; background-image: url(../images/bar-01.jpg);} #left .bar01:HOVER {background-image: url(../images/bar-01-on.jpg);} #left .bar01 A {width: 321px; height: 131px; float: left; display: block;} #left .bar02 {width: 321px; height: 131px; float: left; margin: 0px 0px 10px 0px; background-image: url(../images/bar-02.jpg);} #left .bar02:HOVER {background-image: url(../images/bar-02-on.jpg);} #left .bar02 A {width: 321px; height: 131px; float: left; display: block;} #left .fcb {width: 321px; height: 52px; float: left; background-image: url(../images/fcb.jpg); margin: 25px 0px 30px 0px;} #left .fcb A {width: 230px; height: 52px; float: left; display: block; margin: 0px 0px 0px 45px;} #left .friends {width: 321px; float: left;} #left .friends H2 {width: 321px; float: left; font-size: 19px; color: #d61921; margin: 0px 0px 5px 0px; font-weight: bold; text-align: center;} #left .friends H2 A {color: #d61921; text-decoration: none;} #left .friends H2 A:HOVER {text-decoration: underline;} #left .friends P {width: 321px; float: left; font-size: 12px; color: #231f20; margin: 5px 0px 0px 0px; text-align: center;} #left .friends P A {color: #231f20;} #right {width: 629px; float: left; position: relative; top: -60px;} #right H2 {width: 604px; height: 40px; float: left; padding: 0px 0px 0px 25px; margin: 15px 0px 15px 0px; background-image: url(../images/hr.gif); background-repeat: no-repeat; background-position: left 8px; font-size: 22px; font-weight: bold; color: #d61921;} #right H2 .smallCaps {font-size: 18px; font-weight: 100; color: #231f20;} #right H2 A {color: #d61921; text-decoration: none;} #right H2 A:HOVER {text-decoration: underline;} #right H3 {width: 629px; float: left; font-size: 14px; color: #d61921; margin: 5px 0px 15px 0px; line-height: 1.6; padding: 0px 0px 5px 0px; border-bottom: 1px #777 dotted;} #right P {width: 629px; float: left; font-size: 12px; color: #231f20; margin: 0px 0px 15px 0px; line-height: 1.6;} #right P A {color: #d61921;} UL {width: 629px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; list-style: none;} UL LI {padding: 5px 0px 5px 25px; float: left; clear: both; font-size: 12px; color: #231f20; background-image: url(/images/odrazka.jpg); background-repeat: no-repeat; background-position: 0px 5px;} UL LI A {color: #d61921;} UL LI UL {width: 604px; margin: 10px 0px 0px 0px;} UL LI UL LI A {color: #231f20;} UL LI UL LI UL {width: 579px; margin: 10px 0px 0px 0px;} UL LI UL LI UL LI A {color: #d61921;} UL LI UL LI UL LI UL {width: 554px; margin: 10px 0px 0px 0px;} UL LI UL LI UL LI UL LI A {color: #231f20;} UL LI UL LI UL LI UL LI UL {width: 529px; margin: 10px 0px 0px 0px;} UL LI UL LI UL LI UL LI UL LI A {color: #d61921;} TABLE {width: 629px; float: left; margin: 0px 0px 15px 0px;} TABLE TH {padding: 10px; background-image: url(../images/th-bg.jpg); font-size: 14px; color: #FFF; font-weight: bold; text-align: left; background-repeat: repeat-x; background-color: #3f3f40;} TABLE TH P {width: auto;} TABLE TD {padding: 5px 10px 5px 10px; background-image: url(/images/td-bg.jpg); font-size: 12px; color: #231f20; background-repeat: repeat-x; background-color: #f5f5f5; line-height: 1.6;} TABLE TD P {width: auto;} .pojistovny {width: 629px; height: 72px; float: left; background-image: url(/images/pojistovny.jpg); margin: 0px 0px 10px 0px;} .ruceniTable {width: 629px; float: left; margin: 0px 0px 10px 0px;} .ruceniTable .th01 {width: 270px; height: 46px; float: left; background-image: url(/images/homeTable-th01.gif); background-repeat: no-repeat;} .ruceniTable .th02 {width: 359px; height: 46px; float: left; background-image: url(/images/homeTable-th02.gif); background-repeat: no-repeat;} .ruceniTable .th03 {width: 270px; height: 46px; float: left; background-image: url(/images/homeTable-th03.gif); background-repeat: no-repeat;} .ruceniTable .th04 {width: 270px; height: 46px; float: left; background-image: url(/images/homeTable-th04.gif); background-repeat: no-repeat;} .ruceniTable .thMoto {width: 270px; height: 46px; float: left; background-image: url(/../images/home-table-moto.jpg); background-repeat: no-repeat;} .ruceniTable .td01 {width: 257px; height: 33px; padding: 13px 0px 0px 13px; float: left; font-size: 14px; color: #231f20; background-image: url(/images/homeTable-td01.gif); background-repeat: no-repeat;} .ruceniTable .td02 {width: 359px; height: 37px; padding: 9px 0px 0px 0px; float: left; font-size: 18px; font-weight: bold; color: #e61e25; text-align: center; background-image: url(../images/homeTable-td02.gif); background-repeat: no-repeat;} .ruceniTable .td03 {width: 257px; height: 33px; padding: 13px 0px 0px 13px; float: left; font-size: 14px; color: #231f20; background-image: url(/images/homeTable-td03.gif); background-repeat: no-repeat;} .ruceniTable .td04 {width: 359px; height: 37px; padding: 9px 0px 0px 0px; float: left; font-size: 18px; font-weight: bold; color: #e61e25; text-align: center; background-image: url(../images/homeTable-td04.gif); background-repeat: no-repeat;} .ruceniTable .comment {width: 257px; height: 30px; float: left; font-size: 10px; color: #231f20; padding: 16px 0px 0px 13px;} .ruceniTable .more {width: 359px; height: 46px; float: left; background-image: url(/images/homeTable-button.gif); background-repeat: no-repeat;} .ruceniTable .more:HOVER {background-image: url(/images/homeTable-button-on.jpg);} .ruceniTable .more A {width: 359px; height: 41px; float: left; display: block;} .newsFrame {width: 629px; float: left; margin: 0px 0px 15px 0px; background-image: url(/images/news-bg.jpg); background-repeat: no-repeat;} .newsFrame .date {width: 78px; height: 21px; float: left; padding: 8px 0px 0px 0px; font-size: 11px; color: #FFF; text-align: center;} .newsFrame H3 {width: 541px; height: 23px; float: left; padding: 6px 0px 0px 10px; font-size: 12px; color: #FFF; font-weight: bold; margin: 0px; border: 0px;} .newsFrame H3 A {color: #FFF;} .newsFrame P {width: 619px; padding: 0px 5px 0px 5px; float: left; font-size: 12px; color: #231f20; margin: 10px 0px 0px 0px; line-height: 1.6;} .photoFrame {width: 629px; float: left; margin: 0px 0px 15px 0px;} .photoFrame IMG {float: left; border: 2px solid #ccc; margin: 5px 0px 22px;} .photoFrame .delimiter {width: 27px; height: 131px; float: left;} .contentFrame {width: 624px; float: left; min-height: 34px; background-image: url(/images/cntFrame-bg.jpg); background-repeat: no-repeat; padding: 8px 5px 0px 0px; margin: 0px 0px 15px 0px;} .contentFrame IMG {float: left; border: 4px solid #231f20; margin: 0px 15px 0px 0px;} .contentFrame H3 {width: 501px; float: left; margin: 0px 0px 10px 0px; font-size: 16px; color: #FFF; border: 0px; padding: 0px;} .contentFrame H3 A {color: #FFF;} .contentFrame P {width: 501px; float: left; margin: 5px 0px 0px 0px; font-size: 12px; color: #231f20; line-height: 1.6;} .contentFrame .selectRow {width: 423px; height: 25px; float: left; padding: 10px 0px 0px 0px;} .contentFrame .selectRow SELECT {width: 400px; font-size: 12px; color: #231f20;} .contentFrame .submit {width: 78px; height: 25px; float: left; padding: 10px 0px 0px 0px;} .contentFrame .submit INPUT {width: 78px; height: 20px; float: left; border: 0px; background-image: url(/images/order.gif);} .formRow {width: 229px; height: 37px; float: left; padding: 8px 0px 0px 0px; font-size: 12px; color: #231f20; font-style: italic;} .formRow2 {width: 229px; height: 125px; float: left; padding: 8px 0px 0px 0px; font-size: 12px; color: #231f20; font-style: italic;} .formRow3 {width: 229px; height: 41px; float: left; padding: 4px 0px 0px 0px; font-size: 12px; color: #231f20; font-style: italic; line-height: 1.3;} .formRow3 .smallCaps {font-size: 11px; color: #777; font-weight: 100;} .formInput {width: 400px; height: 45px; float: left;} .formInput INPUT {width: 370px; height: 36px; float: left; background-image: url(/images/input-bg.jpg); border: 0px; padding: 0px 10px 0px 20px; font-size: 12px; color: #5a5a5b; font-family: Arial;} #mainContent .formInput2 {width: 400px; height: 120px; float: left;} #mainContent .formInput2 TEXTAREA {width: 370px; height: 104px; float: left; background-image: url(/images/input-bg2.jpg); border: 0px; padding: 8px 10px 8px 20px; font-size: 12px; color: #5a5a5b; font-family: Arial;} #mainContent .formCheck {width: 629px; float: left; margin: 0px 0px 10px 0px; font-size: 12px; color: #231f20;} #mainContent .formCheck INPUT {margin: 0px 10px 0px 0px;} #mainContent .formCheck A {color: #d61921;} #mainContent .formInputOption {width: 390px; height: 45px; float: left; padding: 0px 0px 0px 10px;} #mainContent .formInputOption .item {float: left; padding: 8px 30px 0px 0px; font-size: 12px; color: #231f20;} #mainContent .formInputOption .item INPUT {margin: 0px 5px 0px 0px;} #mainContent .formInputDropDown {width: 400px; height: 45px; float: left; position: relative;} #mainContent .formInputDropDown .box {width: 390px; height: 36px; float: left; background-image: url(/images/dd-bg.jpg); border: 0px; padding: 0px 0px 0px 10px; font-size: 12px; color: #5a5a5b; font-family: Arial;} #mainContent .formInputDropDown .box A {width: 345px; height: 29px; float: left; padding: 7px 35px 0px 10px; color: #5a5a5b; text-decoration: none; overflow: hidden; line-height: 2;} #mainContent .formInputDropDown .boxOn {width: 390px; height: 36px; float: left; background-image: url(/images/dd-bg2.jpg); border: 0px; padding: 0px 0px 0px 10px; font-size: 12px; color: #5a5a5b; font-family: Arial; display: none;} #mainContent .formInputDropDown .boxOn A {width: 370px; height: 25px; float: left; padding: 11px 10px 0px 10px; color: #5a5a5b; text-decoration: none;} #mainContent .formInputDropDown UL {width: 388px; float: left; position: absolute; left: 10px; top: 35px; list-style: none; padding: 0px; background-color: #FFF; border: 1px solid #cccccc; margin: 0px; display: none; z-index: 100;} #mainContent .formInputDropDown UL LI {width: 388px; float: left; background-image: none; font-size: 12px; color: #5a5a5b; padding: 0px; margin: 0px;} #mainContent .formInputDropDown UL LI A {width: 368px; float: left; padding: 5px 10px 5px 10px; color: #5a5a5b; text-decoration: none;} #mainContent .formInputDropDown UL LI A:HOVER {background-color: #ccc;} #mainContent .formInputDropDown .smallValues {width: 468px;} #mainContent .formInputDropDown .smallValues LI {width: 468px;} #mainContent .formInputDropDown .smallValues LI A {font-size: 10px; width: 448px; padding: 2px 10px 2px 10px;} #mainContent .formSubmit {width: 390px; float: left; margin: 10px 0px 15px 0px; padding: 0px 0px 0px 239px;} #mainContent .formSubmit INPUT {width: 390px; height: 41px; float: left; border: 0px; font-size: 16px; color: #FFF; font-weight: bold; background-image: url(../images/button.jpg);} #mainContent .formSubmit INPUT:HOVER {background-image: url(../images/button-on.jpg);} #mainContent .mustBe {font-weight: bold; font-style: normal;} #mainContent .errorRow {width: 204px; padding-left: 25px; font-weight: bold; color: #d61921; background-image: url(../images/error.jpg); background-repeat: no-repeat; background-position: 0px 7px;} #mainContent .errorRow2 {width: 604px; padding-left: 25px; font-weight: bold; color: #d61921; background-image: url(../images/error.jpg); background-repeat: no-repeat; background-position: 0px 1px;} #mainContent .errorP {font-weight: bold; color: #d61921;} .orderStatus {width: 629px; height: 72px; float: left; margin: 0px 0px 15px 0px;} .orderStatusBg1 {background-image: url(../images/order-status-01.jpg);} .orderStatusBg2 {background-image: url(../images/order-status-02.jpg);} .orderStatusBg3 {background-image: url(../images/order-status-03.jpg);} .orderStatusBg4 {background-image: url(../images/order-status-04.jpg);} .orderStatus .krok {width: 155px; height: 72px; float: left;} .orderStatus .krok P {width: 155px; float: left; margin: 18px 0px 0px 0px; text-align: center; border: 0px; font-size: 11px; font-weight: 100; color: #777;} .orderStatus .krok H3 {width: 155px; float: left; margin: 0px 0px 0px 0px; text-align: center; border: 0px; font-size: 13px; font-weight: bold; color: #777; padding: 0px;} .orderStatus .now H3 {color: #FFF;} .orderStatus .now P {color: #FFF;} .orderStatus .delimiter {width: 3px; height: 72px; float: left;} .obrazekVlevo {float: left; margin: 0px 10px 0px 0px;} .obrazekVpravo {float: right; margin: 0px 0px 0px 10px;} #bottomFrame {width: 100%; height: 150px; float: left; background-image: url(../images/bottom-bg.jpg);} #bottomFrame .sizer {width: 980px; margin-left: auto; margin-right: auto;} #copyright {width: 321px; height: 68px; float: left; padding: 32px 30px 0px 0px; font-size: 11px; color: #FFF; line-height: 1.8; text-align: center;} #addsBottom {width: 567px; height: 68px; float: left; padding: 32px 0px 0px 0px; font-size: 11px; color: #FFF; line-height: 1.8;} #addsBottom A {color: #FFF;} #createdBy {width: 62px; height: 68px; float: left; padding: 32px 0px 0px 0px;} #createdBy A {width: 62px; height: 33px; float: left; display: block; background-image: url(../images/ns.jpg);} #createdBy A:HOVER {background-image: url(../images/ns-on.jpg);} #linksBar {width: 980px; height: 34px; padding: 16px 0px 0px 0px; float: left; text-align: center; color: #d3d2d2; font-size: 11px;} #linksBar A {color: #d3d2d2;}