/* Document : screen Created on : 11.3.2009, 18:36:18 Author : Jaromir Nyklicek Package : HrajSMS.cz Description: Vychozi css styl pro obrazovku. */ @import url(main.css); /* Rozvrzeni */ body {background: url(../../img/front/body.png) 0 0 repeat-x #fff; text-align: center; font-size: 11px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; color: #a1a1a1;} #page {width: 980px; text-align: left; margin: auto;} #header {height: 80px; position: relative; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;} #ad {height: 276px; overflow: hidden;} #motto {height: 52px; background: #3b3b3b; color: #d8d8d8;} #menu {height: 102px;} #content {} #text {float: left; width: 765px;} #information {float: right; width: 215px; padding: 10px 0;} #footer {background: #3b3b3b; text-align: left;} #links {text-align: center;} #infoboxes {padding-bottom: 30px; width: 980px; margin: auto; text-align: left;} /* #header */ #header h1 a {display: block; width: 203px; height: 46px; position: absolute; top: 19px; left: 0; border-right: 1px solid #d8d8d8; margin-right: 11px; overflow: hidden} #header h1 a span {display: block; width: 203px; height: 46px; position: absolute; left: 0; top: 0; background: url(../../img/front/logo.png) 0 0 no-repeat #fff;} #header ul {position: absolute; top: 42px; left: 214px; margin: 0; padding: 0;} #header li {float: left; color: #ebbb77; list-style-type: none; padding: 0 0 0 5px; text-transform: uppercase; font-weight: bold; margin-top: 4px;} #header li a {color: #a7a7a7; font-size: 13px; text-decoration: none;} #header li.active a {color: #494949;} #header li a:hover {color: #dd9630;} #header form {width: 230px; height: 46px; position: absolute; top: 18px; left: 755px; background: url(../../img/front/lupa.png) 0 0 no-repeat; padding-left: 50px;} #header form strong {text-transform: uppercase; color: #969696; display: block; font-size: 1.3em;} #header form input {display: block; float: left;} #header form input.textField {margin: 6px 5px 0 0; width: 139px; height: 19px; border: 0; padding: 4px 0 0 4px; _width: 143px; _height: 23px; color: #a1a1a1; background: url(../../img/front/searchInputBg.png) 0 0 no-repeat;} /* #motto */ #motto p {padding: 18px 10px 0 10px; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #f7f2d5;} /* #infoboxes */ div.infobox {width: 310px; margin-right: 16px; color: #fff; float: left} div.infobox h2 {font-size: 18px; border-bottom: 1px solid #727272; font-weight: normal; margin: 0 10px; padding: 21px 0 9px 0; font-family: Arial, sans-serif;} div.infobox p {margin: 10px;} div.tags {font-size: 12px; font-weight: bold; margin: 10px;} div.infobox form {margin: 10px;} div.infobox input, div.infobox textarea {color: #fff; background: #515151; border: 1px solid #717171; margin-bottom: 10px; padding: 2px;} div.infobox input.button {background: #dd9a39; padding: 4px; color: #fff; border: 0;} div.footer {color: #fff; padding: 30px 0 60px 0;} /* #information */ div.menuBoxWrapper {background: url(../../img/front/menuBoxWrapperBg.png) 0 0 no-repeat #fafafa;} div.loginWrapper {background: url(../../img/front/loginWrapper.png) 0 0 no-repeat #fafafa;} div.menuBox {background: url(../../img/front/menuBoxBg.png) 0 100% repeat-x; margin-top: 4px; padding: 18px 0; color: #868686;} div.menuBox a {color: #868686;} div.menuBox h3 {color: #559aa4; font-size: 18px; font-weight: normal; margin: 0 0 10px 19px; font-family: 'Arial', sans-serif;} div.menuBox ul {margin: 0 0 0 19px; padding: 0;} div.menuBox li {list-style-type: none; background: url(../../img/front/liBg.png) 0 5px no-repeat; padding-left: 10px; margin: 2px 0;} div.menuBox table {margin-left: 15px;} div.menuBox table td {padding: 1px;} div.menuBox form input {background: url(../../img/front/inputBg.png) 0 0 no-repeat; width: 139px; _width: 143px; height: 19px; _height: 23px; display: block; border: 0; color: #a1a1a1; padding: 4px 0 0 4px;} div.menuBox form input.imagebutton {height: 34px; width: 32px; background: none;} div.menuBox div.registerLinks {margin-left: 17px;} div.loginWrapperMen {background: url(../../img/front/loginWrapperMen.png) 0 0 no-repeat #fff;} div.loginWrapperWomen {background: url(../../img/front/loginWrapperWomen.png) 0 0 no-repeat #fff;} div.loginWrapperMen a, div.loginWrapperWomen a {color: #000} div.loginWrapperMen span, div.loginWrapperWomen span {color: #000} div.loginWrapperMen img, div.loginWrapperWomen img {float: left; display: inline; margin: 0px 20px 0 14px;} div.loginWrapperMen p, div.loginWrapperWomen p {clear: both; margin: 10px;} strong.phone, strong.user {color: #fff; font-family: 'Arial', sans-serif; font-size: 16px;} strong.phone {color: #c52114} /* table.grid -- vypis kategorie */ table.grid td {width: 255px; border-bottom: 1px solid #ededed;} table.grid h2 {height: 37px; font-weight: normal; font-size: 16px; line-height: 90%; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; width: 214px; overflow: hidden; margin-top: 17px !important;} table.grid h2 a {color: #696969; text-decoration: none;} table.grid h2 strong {color: #924d4d;} table.grid h2 span {font-size: 14px; font-weight: normal;} table.grid div.image {height: 164px; text-align: center; line-height: 164px; width: 214px; background: url(../../img/front/productBorder.png) 0 0 no-repeat} table.grid div.image img {margin: 20px auto 0 auto;} table.grid div.controls {margin: 12px 0 25px 0; height: 36px; width: 214px; position: relative;} table.grid div.controls a {display: block; width: 123px; height: 36px; color: #fff; background: url(../../img/front/greenButton.png) 0 0 no-repeat #93b15b; text-decoration: none; font-weight: bold; text-align: center; line-height: 36px; position: absolute; left: 0; top: 0; font-size: 14px;} table.grid div.controls span {display: block; right: 7px; top: 1px; position: absolute; color: #696969; font-family: 'Arial', sans-serif; font-size: 16px;} /* #text */ #text h2 {color: #0da6b8; font-family: 'Arial', sans-serif; font-size: 18px; font-weight: normal; margin: 30px 0 10px 0;} /* #advantages -- blok na hp */ #advantages {border-bottom: 1px solid #d8d8d8; padding: 23px 0 15px 0; margin-right: 15px;} #advantageRegister {/*width: 350px;*/ float: left; margin-right: 34px; font-size: 10px;} #advantageBonus {/*width: 300px;*/ padding-left: 34px; float: left; font-size: 10px; border-left: 1px solid #c3c3c3} #advantages h2 {color: #b9d231; margin: 0 0 10px 0;} a.registerButton {display: block; float: left; width:156px; height:56px; background: url(../../img/front/registerButton.png) 0 0 no-repeat; margin: 0 10px 10px 0;} a.registerButton span {display: none;} #advantages ul {padding: 0; _margin: 0 !important;} #advantages ul li {list-style-type: none; padding-left: 10px; margin-left: 2px; background: url(../../img/front/advantageList.png) 0 3px no-repeat} #advantageRegister ul {float: right; margin: 0 42px 0 0;} #advantageBonus p {color: #33AFBE; font-size: 18px; padding-bottom: 15px;} #advantageBonus p a {color: #33AFBE;} /* #filter -- na hp a na strance kategorie */ #filter {width: 732px; height: 48px; line-height: 48px; margin-top: 7px; font-size: 14px; background: url(../../img/front/filter.gif) 0 0 no-repeat; padding-left: 15px;} #filter strong {width: 95px; color: #cf3910; padding-right: 27px;} #filter a {color: #4a949f; background: url(../../img/front/filterStar.png) 0 0 no-repeat; padding-left: 30px; width: 170px; padding-right: 21px;} /* detail */ #detailLeft {width: 330px; float: left; font-family: 'Arial', sans-serif; padding: 0 0 30px 0;} #detailLeft em {font-style: normal; color: #ed1658; font-size: 18px;} #detailRight {width: 435px; float: right; font-family: 'Arial', sans-serif; overflow: hidden;} #smsSend {background: url(../../img/front/detailBg.png) 0 60px repeat-x; margin: 30px 10px 0 0;} #smsSend h3 {width: 369px; height: 30px; _height: 60px; background: url(../../img/front/detailTopHeading.png) 0 0 no-repeat; color: #2090c4; font-size: 18px; padding: 30px 0 0 56px; font-weight: normal;} div.phoneNo, div.vms {font-size: 18px; color: #4d4d4d; padding: 25px;} div.phoneNo strong {font-size: 28px; color: #ed1658; font-weight: normal;} a.vmsButton {display: block; height: 76px; width: 241px; position: relative; line-height: 76px; float: left; margin-top: 10px;} a.vmsButton span {display: block; height: 76px; width: 241px; position: absolute; background: url(../../img/front/vms.gif) 0 0 no-repeat; z-index: 10; cursor: pointer; left: 0; top: 0;} div.vms strong {color: #737373; font-size: 18px; font-family: 'Arial', sans-serif; font-weight: normal; display: block; margin: 22px 0 0 10px;} div.winInfo {padding: 0 25px 25px 25px;} div.winInfo span {display: block; font-size: 18px; color: #2090c4;} div.winInfo p {font-size: 14px; margin: 5px 0;} div.description {margin: 20px 20px 20px 0; font-family: Verdana, 'Geneva CE', lucida, sans-serif;} p.payInfo {font-size: 14px !important; margin-bottom: 20px !important; line-height: 20px;} /* Registrace */ #regForm {padding-bottom: 20px;} #regForm fieldset {border: 0;} #regForm legend {color: #ed1658; font-size: 18px; font-family: 'Arial', sans-serif; display: block; font-weight: normal; margin: 20px 0 0 0 ;} #regForm td.text {padding-right: 20px;} #regForm td.text input {width: 217px; _width: 221px; height: 19px; _height: 23px; background: url(../../img/front/regFormInputBg.png) 0 0 no-repeat; border: 0; padding: 4px 0 0 4px; color: #737373;} #regForm table {margin-bottom: 20px;} #regForm td.checkbox input {width: auto;} /* Tooltipy -- simple_tooltip */ .tooltip {position:absolute; left:-2000px; background-color:#dedede; padding:3px; border:1px solid #fff; z-index:9999; top:0;} .tooltip p {margin:0; padding:0; color:#fff;} /* Textove stranky */ #textPage {margin-right: 20px;} /* VMS */ #VMSWindow h1 {margin-left: 60px; color: #fff; font-size: 18px; font-weight: normal;} #VMSWindow p {text-align: center; font-weight: normal; font-size: 18px;} #VMSWindow p.message {color: #878787; margin-top: 25px;} #VMSWindow p.code {font-size: 30px; color: #ed1658; margin: 25px 0 15px 0;} #VMSWindow a.vmsButton {float: none; margin: auto;} #vmsClose {position: absolute; top: 10px; right: 34px; width: 28px; height: 28px;} span.vmsClose {display: block; height: 56px; width: 136px; position: relative; line-height: 56px; margin: 25px auto;} span.vmsClose span {display: block; height: 56px; width: 136px; position: absolute; background: url(../../img/front/vmsClose.png) 0 0 no-repeat; z-index: 10; cursor: pointer; left: 0; top: 0;} /* Balicky VMS */ #packages {padding-bottom: 30px;} #p1000 {float: left; width: 244px; padding-top: 75px; margin-right: 6px; background: url(../../img/front/packages/1000.png) 0 0 no-repeat #a81717;} #p100 {float: left; width: 244px; padding-top: 75px; margin-right: 6px; background: url(../../img/front/packages/100.png) 0 0 no-repeat #adc92c;} #p10 {float: left; width: 244px; padding-top: 75px; background: url(../../img/front/packages/10.png) 0 0 no-repeat #78d1e7;} div.packageWrapper1000 {border-left: 19px solid #fff;} div.packageWrapper100 {border-left: 22px solid #fff;} div.packageWrapper10 {border-left: 19px solid #fff;} #p1000 p {color: #fff; padding: 12px 18px; font-size: 11px; font-family: 'Arial', sans-serif} #p100 p, #p10 p {color: #383838; padding: 12px 18px; font-size: 11px; font-family: 'Arial', sans-serif} p.big {font-size: 22px !important;} a.buy {display: block; height: 56px; width: 174px; position: relative; overflow: hidden; margin: 0 auto; padding: 10px 0;} a.buy span {display: block; height: 56px; width: 174px; position: absolute; left: 0; top: 0;} #p1000 a.buy span {background: url(../../img/front/packages/buy1000.png) 0 0 no-repeat;} #p100 a.buy span {background: url(../../img/front/packages/buy100.png) 0 0 no-repeat;} #p10 a.buy span {background: url(../../img/front/packages/buy10.png) 0 0 no-repeat;} #askUs {height: 139px; position: fixed; top: 30%; left: 0; z-index: 25;} #askUsTab {height: 139px; width: 39px; display: block; overflow: hidden; cursor: pointer; background: url('../../img/front/newsletter_button.png') 0 0 no-repeat; float: left;} #askUsTab span {text-indent: 50px; display: block;} #askUsForm {width: 212px; height: 138px; float: left; background: #3b3b3b; color: #fff; font-size: 1.1em; padding: 0 0 0 15px; display: none;} #askUsForm input.text {font-size: 1.1em; padding: 3px 5px; margin-bottom: 15px; border-left: 1px solid #e3e9ef; border-right: 1px solid #e3e9ef; border-bottom: 1px solid #e3e9ef; border-top: 1px solid #abadb3;} #askUsForm input.button {width: 128px; height: 24px; text-indent: 128px; overflow: hidden; float: right; border: 0; background: url('../../img/front/newsletter_send.png') 0 0 no-repeat;} #askUsForm p {margin: 20px 0 10px 0;} /* globalni tridy */ strong.subHeading {color: #737373; font-size: 18px; font-family: 'Arial', sans-serif; display: block; font-weight: normal; margin: -5px 0 20px 0;} strong.subHeading em {font-style: normal; color: #ed1658; font-size: 18px;} a.headerLink {font-size: 10px; color: #a1a1a1;} a {color: #a1a1a1;} div.flash {color: black; background: #FFFFDD; border: 1px solid #FFD700; padding: 1em; margin: 10px 10px 10px 0;}