/* limocar.pl main css */ @import url(reset.css); @import url(menu.css); /* BODY */ body {background-color: #fff; text-align: center;} /* WRAP, TOP, MENU, HEADER */ #wrap {width: 900px; margin: 0 auto; text-align: left;} #top {width: 900px;} #top h1 a {display: block; background: transparent url(images/logo.jpg) no-repeat; width: 150px; height: 75px; text-indent: -9999px;} #top div#lang {float: right; padding: 0 25px 0 25px; margin-right: 50px; background: transparent url(images/langLine.jpg) repeat-x bottom;} #top div#lang a {float: left; display: block; height: 59px; text-indent: -9999px;} #top div#lang a.pl {background: transparent url(images/langPL.jpg) no-repeat; width: 37px; margin-right: 25px;} #top div#lang a:hover.pl {background-position: 0 -59px;} #top div#lang a.eng {background: transparent url(images/langENG.jpg) no-repeat; width: 44px;} #top div#lang a:hover.eng {background-position: 0 -59px;} #top div#lang a.selected {background-position: 0 -59px;} #menu {float: right; margin-right: 50px;} #menu ul li a.root {display: block; background: transparent url(images/menu.jpg) no-repeat; height: 59px; text-indent: -9999px;} #menu ul, #menu li {margin: 0; padding: 0;} #menu li { list-style: none; list-style-image: none; } #menu ul li {display: block; float: left;} #menu ul li a.stronaglowna {background-position: 0 0; width: 137px;} #menu ul li a.onas {background-position: -137px 0; width: 75px;} #menu ul li a.limuzyny {background-position: -212px 0; width: 102px;} #menu ul li a.imprezy {background-position: -314px 0; width: 86px;} #menu ul li a.galeria2 { width: 87px; background: transparent url(images/menu_gallery.jpg) no-repeat; background-position: -95px 0;} #menu ul li a.cennik2 { width: 87px; background: transparent url(images/menu_prices.jpg) no-repeat; background-position: -95px 0;} #menu ul li a.linki {background-position: -400px 0; width: 72px;} #menu ul li a.kontakt {background-position: -472px 0; width: 89px;} #menu ul li a:hover.stronaglowna {background-position: 0 -59px;} #menu ul li a:hover.onas {background-position: -137px -59px;} #menu ul li a:hover.limuzyny {background-position: -212px -59px;} #menu ul li a:hover.imprezy {background-position: -314px -59px;} #menu ul li a:hover.galeria2 {background-position: 0 0; } #menu ul li a:hover.linki {background-position: -400px -59px;} #menu ul li a:hover.kontakt {background-position: -472px -59px;} #menu ul li a.stronaglownaSelected {background-position: 0 -59px;} #menu ul li a.onasSelected {background-position: -137px -59px;} #menu ul li a.limuzynySelected {background-position: -212px -59px;} #menu ul li a.imprezySelected {background-position: -314px -59px;} #menu ul li a.galeria2Selected {background-position: 0px 0px;} #menu ul li a.cennik2Selected {background-position: 0px 0px;} #menu ul li a.cennikSelected {background-position: 0px 0px;} #menu ul li a.linkiSelected {background-position: -400px -59px;} #menu ul li a.kontaktSelected {background-position: -472px -59px;} #header {width: 900px; background: #fff url(images/headerLoading.jpg) no-repeat center; height: 257px; position: relative;} #headerL {width: 3px; height: 3px; background: transparent url(images/headerL.gif) no-repeat; position: absolute; left: 0; top: 0;} #headerR {width: 3px; height: 3px; background: transparent url(images/headerR.gif) no-repeat; position: absolute; left: 897px; top: 0;} #slogan {width: 464px; height: 60px; background: transparent url(images/slogan.png) no-repeat; position: absolute; top: 157px; left: 0; padding: 15px 25px 25px 25px;} #slogan h2 a {font: bold 48px Arial, Tahoma, Verdana; color: #ddd3df; letter-spacing: -1.9px; text-transform: uppercase;} #slogan p {font: bold 18px Arial, Tahoma, Verdana; letter-spacing: -1.9px; text-transform: uppercase; color: #cab6ce; margin-top: -15px;} /* CONTENT */ #contentHomeBg {width: 900px; background: transparent url(images/contentHomeBg.gif) repeat-y; overflow: auto;} #contentHome {width: 900px; background: transparent url(images/contentHome.jpg) no-repeat bottom; height: auto !important; min-height: 186px; height: 186px; overflow: auto; font: normal 11px Arial, Tahoma, Verdana;} #contentHome h3 {display: block; text-indent: -9999px; padding-top: 25px;} #contentHome p {font-size: 11px; color: #000; line-height: 18px;} #contentRezerwacja, #contentAktualnosci {float: left;} #contentRezerwacja {padding: 25px 0 25px 240px; width: 250px;} #contentRezerwacja h3 {background: transparent url(images/zamowRezerwacje_h3.jpg) no-repeat; width: 150px; height: 19px;} #contentRezerwacja p a.przejdzdoform {display: block; background: transparent url(images/rezerwacja_a.jpg) no-repeat; width: 150px; height: 25px; text-indent: -9999px; float: right; margin-top: 25px;} #contentRezerwacja p a:hover.przejdzdoform {background: transparent url(images/rezerwacja_a_h.jpg) no-repeat;} #contentAktualnosci {padding: 25px 0 25px 50px; width: 250px;} #contentAktualnosci h3 {background: transparent url(images/aktualnosci_h3.jpg) no-repeat; width: 95px; height: 19px;} #contentAktualnosci h4 span {color: #e59ee4; float: right; font-size: 10px; font-weight: normal;} #contentAktualnosci h4 a {font-size: 12px; color: #ac66ac;} #contentAktualnosci p {color: #545454; padding-top: 10px;} /* FOOTER */ #footer {font: normal 11px Arial, Tahoma, Verdana; width: 392px; height: auto !important; min-height: 37px; height: 37px; background: transparent url(images/footer.jpg) no-repeat top; margin-bottom: 50px; padding: 25px 0 0 25px;} #footer a {color: #623867;} #footer a.fLogo {display: block; background: transparent url(images/footer_logo.jpg) no-repeat; height: 12px; width: 69px; text-indent: -9999px; float: left;} #footer span {padding: 0 15px 0 15px;} /* PAGE, SUBPAGE */ #pageTitle {width: 550px; height: 57px; background: transparent url(images/pageTitle.png) no-repeat; position: absolute; top: 160px; left: 300px; padding: 15px 25px 25px 25px;} #pageTitle h2, #pageTitle a {font: bold 60px Arial, Tahoma, Verdana; letter-spacing: -1.9px; text-transform: uppercase;} #pageTitle h2 {color: #846a84; position: relative; padding: 1px 90px 0 1px;} #pageTitle a {color: #e8e3e9; position: absolute; top: 0; left: 0; padding-right: 90px;} #page {width: 900px; background-color: #fff; overflow: auto; font: normal 11px Arial, Tahoma, Verdana;} #leftPage, #contentPage {float: left;} #menuPage {width: 300px; background: #b87db7 url(images/menuPageBg.jpg) no-repeat bottom; height: auto !important; min-height: 67px; height: 67px; padding-top: 25px; text-align: right; padding-bottom: 100px; overflow: auto;} #menuPage ul, #menuPage li, #menuPage a {margin: 0; padding: 0;} #menuPage li { list-style: none; list-style-image: none; white-space: nowrap; display: inline; float: right;} #menuPage li a {display: block; padding: 6px 40px 8px 0; background: transparent url(images/menuPage_a.jpg) no-repeat right top; color: #e9dae9; width: 185px;} #menuPage li a:hover {background-position: 0 -26px; color: #fff;} #menuPage li a.selectedMenuPage {background-position: 0 -26px; color: #fff; font-weight: bold;} #rezerwacjaPage h3 a {display: block; background: transparent url(images/pageRezerwacja.jpg) no-repeat; width: 300px; height: 212px; text-indent: -9999px;} #rezerwacjaPage h3 a:hover {background-position: 0 -212px;} #contentPage {width: 550px; background: #f2f2f2 url(images/contentPage.jpg) no-repeat bottom; height: auto !important; min-height: 126px; height: 126px; padding: 25px; line-height: 18px;} #contentPage p {padding: 0 100px 25px 0;} #contentPage p a {color: #a518a1; text-decoration: dotted;} #contentPage p a:hover {color: #640e61; border-bottom: #ababab dashed 1px;} #contentPage p.addImg {margin: 0; padding: 0 0 25px 0;} /* HEADER ARROWS! */ #headerArrows {width: 83px; height: 43px; position: absolute; top: 190px; left: 792px;} #headerArrows a {display: block; height: 43px; text-indent: -9999px; background: transparent url(images/headerArrows.png) no-repeat left; float: left;} #headerArrows a.prevHeader {width: 42px;} #headerArrows a.nextHeader {width: 41px; background-position: -42px 0;} /* FORMS */ #formKontaktowy {margin-left: 25px;} #formKontaktowy textarea{font: normal 11px Arial, Tahoma, Verdana; color: #000; padding: 15px; background-color: #fff; border: #e1e1e1 solid 1px; width: 350px; min-height: 100px;} #formKontaktowy div {margin-bottom: 15px;} #formKontaktowy input.inputForm {font: normal 11px Arial, Tahoma, Verdana; color: #000; padding: 5px 15px 5px 15px; background-color: #fff; border: #e1e1e1 solid 1px; width: 150px;} .formOk {padding: 15px; background: #8ee14a url(images/formOk.jpg) top left no-repeat; font-weight: bold; color: #fff; margin-bottom: 25px;} .inputFormRezerwacja {font: normal 11px Arial, Tahoma, Verdana; color: #000; padding: 5px 15px 5px 15px; background-color: #fff; border: #e1e1e1 solid 1px; width: 350px;} .formInfo {padding: 15px; background: #f2d532 url(images/formInfo.jpg) top left no-repeat; font-weight: bold; color: #594e12; margin-bottom: 25px; overflow: auto;} .formInfo strong {color: #000; font-size: 22px;} .formInfo a {color: #000;} .formInfo a.slijRezerwacje {display: block; text-indent: -9999px; background: transparent url(images/slijRezerwacje.jpg) no-repeat; width: 150px; height: 25px; float: left; margin-right: 25px;} .formInfo a:hover.slijRezerwacje {background-position: 0 -25px;} .formInfo a.errorSlijRezerwacje {display: block; text-indent: -9999px; background: transparent url(images/errorSlijRezerwacje.jpg) no-repeat; width: 101px; height: 25px; float: left;} .formInfo a:hover.errorSlijRezerwacje {background-position: 0 -25px;} .formError {padding: 15px; background: #ca1111 url(images/formError.jpg) top left no-repeat; font-weight: bold; color: #fff; margin-bottom: 25px;} /* FLASHMOVIE */ .flashmovie {margin-bottom: 25px; background: #fff url(images/flashmovie2.jpg) no-repeat; width: 534px; height: 205px; padding: 4px;}