@charset "utf-8";
/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,span,p,blockquote,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a { text-decoration: none; color: #b70e20; }
a:hover { text-decoration: none; color: #b70e20; }
/* END OF CSS RESET */

.clear { margin: 0; padding: 0; height: 0; clear: both !important; }
#contentWrapper #pageContent .middle .center {text-align: center;}
.hidden { visibility: hidden; overflow: hidden; }
.transparent { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
h1 { visibility: hidden; height: 0; overflow: hidden; text-indent: -9999px; }
h2 { margin: 0 0 12px 0; padding: 0 0 0 14px; color: #6d6d6d; font-size: 13px; line-height: 17px; font-weight: bold; overflow: hidden; background: url("../images/arrow-doubleRed-right.png") no-repeat left 6px; }
.warning {text-decoration: underline;}
.special {color: #b70e20;}
body { width: 100%; margin: 0px auto; text-align: center; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 11px; color: #6c6c6c; background: #f4a902 url('../images/site_bg.jpg') repeat-x top center; }

html, body { height: 100%; }

#bodyWrapper { margin: 0 auto; width: 100%; /*height: 100%;*/ min-height: 100%; text-align: center; background: url('../images/bg_pattern.png') repeat; }
#topWrapper { margin: 0 auto; width: 970px; height: 190px; text-align: center; }
#topContent { margin: 0 auto; width: 970px; height: 120px; text-align: left; }

#topContent .logoWrapper { float: left; margin: 27px 0 0 17px; height: 68px; width: 353px; }
#topContent .logo { float: left; width: 353px; height: 46px; text-indent: -9999px; background: url('../images/fotobest_logo.png') no-repeat top left; }
#topContent .logo a { display: block; width: 353px; height: 46px; }
#topContent .slogan { float: left; margin: 8px 0 0 5px; width: 227px; height: 14px; text-indent: -9999px; background: url('../images/fotobest_slogan.png') no-repeat top left; }

#topContent #loginBox { float: right; margin: 18px 17px 0 0; padding: 30px 0 0 0; height: 45px; width: 310px; background: url('../images/loginBox_bg.png') no-repeat top left; }
#topContent #loginBox .loginMenu { padding: 0 0 5px 0; }
#topContent #loginBox .loginMenu table {  }
#topContent #loginBox .loginMenu table tr {  }
#topContent #loginBox .loginMenu table td {  }
#topContent #loginBox .loginMenu table td input.nazwahaslo { width: 104px; height: 15px; margin: 0 5px 0 0; padding: 5px 8px 5px 6px; line-height: 15px; color: #898d91; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 11px; background: url('../images/loginBox_input.png') no-repeat top left; }
#topContent #authBox { position: relative; float: right; margin: 18px 17px 0 0; padding: 30px 0 0 0; height: 45px; width: 310px; background: url('../images/jestes-zalogowany.png') no-repeat top left; }
#topContent #authBox .btn-logout {float: left;}
#topContent #authBox #user-menu {position: absolute; top: -3px; left: 140px; padding: 5px; background: url('../images/user-acc-bg.png') repeat-y top left;}
#topContent #authBox #user-menu li {padding: 0 0 0 7px; background: url(../images/arrow-red-rgt.png) no-repeat 0 4px;}
#topContent #authBox #user-menu a {color: #6e6e6e;}

button.zaloguj { border: 0 none; width: 62px; height: 25px; background: url('../images/loginBox_loginButton.png') no-repeat top left; cursor: pointer; }
button.wyslij { border: 0 none; width: 55px; height: 25px; background: url('../images/button_send.png') no-repeat top left; cursor: pointer; text-indent: -9999px;}
button.zapisz { border: 0 none; width: 56px; height: 25px; background: url('../images/button-zapisz.png') no-repeat top left; cursor: pointer; text-indent: -9999px;}
button.dalej {border: 0 none; width: 56px; height: 25px; background: url('../images/button-dalej.png') no-repeat top left; cursor: pointer; text-indent: -9999px;}
.button-forward { display: block; border: 0 none; width: 56px; height: 25px; background: url('../images/button-dalej.png') no-repeat top left; cursor: pointer; text-indent: -9999px; text-decoration: none;}
.button-back { display: block; border: 0 none; width: 66px; height: 25px; background: url('../images/button-wstecz.png') no-repeat top left; cursor: pointer; text-indent: -9999px; text-decoration: none;}

.btn {display: block; height: 38px; text-indent: -9999px;}
.btn-order-unauth {width: 206px; background: url('../images/button-bez-logowania.png') no-repeat 0 0;}
.btn-order-auth {width: 206px; background: url('../images/button-z-logowaniem.png') no-repeat 0 0;}
.btn:hover {background-position: 0 -38px;}
.btn-delete {width: 47px; height: 25px; background: url(../images/button-usun.png)}
.btn-delete:hover,.btn-logout:hover, .btn-yes:hover, .btn-no:hover, .btn-edit:hover, .btn-details:hover, .btn-correct-order:hover, .btn-cancel-order:hover, .btn-back:hover {background-position: 0 0;}
.btn-logout {width: 63px; height: 25px; background: url(../images/button-wyloguj.png)}
.btn-yes {width: 41px; height: 25px; background: url(../images/button-tak.png)}
.btn-no {width: 38px; height: 25px; background: url(../images/button-nie.png)}
.btn-edit {width: 54px; height: 25px; background: url(../images/button-edytuj.png)}
.btn-details {display: block; height: 24px;width: 97px; text-indent: -9999px; background: url(../aimages/button_details.png);}
.btn-correct-order {width: 122px; height: 25px; background: url(../images/button-poprawzamowienie.png)}
.btn-cancel-order {width: 117px; height: 25px; background: url(../images/button-anulujzamowienie.png)}
.btn-back {width: 66px; height: 25px; background: url(../images/button-powrot.png)}

.button-makeorder {display: block; border: 0 none; width: 109px; height: 25px; background: url('../images/button-zamowienie.png') no-repeat top left; cursor: pointer; text-indent: -9999px; text-decoration: none;}
#topContent #loginBox .loginMenu table td button.zaloguj span { line-height: 15px; color: #fff; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 11px; visibility: hidden; }
#topContent #loginBox .registration { line-height: 12px; font-size: 11px }
#topContent #loginBox .registration span.registrationForm a { text-decoration: underline; font-weight: bold; color: #6C6C6C; }
#topContent #loginBox .registration span.registrationForm a:hover { color: #b70e20; }
#topContent #loginBox .registration span.passwordReminder a { color: #6C6C6C; }
#topContent #loginBox .registration span.passwordReminder a:hover { color: #b70e20; }

#topMenu {  width: 970px; height: 70px; background: url('../images/menu_bg.png') no-repeat top center; }

#contentWrapper { margin: 0 auto; width: 970px; padding: 12px 0; }
#contentWrapper .contentMainBox { float: left; margin: 0 0 20px 0; width: 943px; }
#contentWrapper .contentMainBox .top { width: 943px; height: 20px; background: url('../images/content-bg-top.png') no-repeat top; }
#contentWrapper .contentMainBox .middle { width: 903px; padding: 0 20px; text-align: left; line-height: 23px; background: url('../images/content-bg.png') repeat-y; }
#contentWrapper .contentMainBox .middle span { font-weight: bold; color: #c14b95; }
#contentWrapper .contentMainBox .bottom { width: 943px; height: 20px; background: url('../images/content-bg-bottom.png') no-repeat bottom; }

#contentWrapper .sliderBox { position:relative; float: left; width: 708px; height: 321px; background: url('../images/slider_bg.png') no-repeat bottom; }

#contentWrapper .certificateBox { float: right; width: 252px; height: 58px; text-indent: -9999px; background: url('../images/certyfikat.png') no-repeat top center; }

#contentWrapper .contactBox { float: right; margin: 10px 0 0 0; width: 252px; height: 253px; background: url('../images/contactBox_bg.png') no-repeat top center; }
#contentWrapper .contactBox .phone { float: left; width: 209px; height: 22px; margin: 50px 0 0 16px; text-indent: -9999px; background: url('../images/contact_phone.png') no-repeat top center; }
#contentWrapper .contactBox .hours { float: left; width: 194px; height: 71px; margin: 34px 0 0 16px; text-indent: -9999px; background: url('../images/contact_hours.png') no-repeat top center; }
#contentWrapper .contactBox .mail { float: left; width: 210px; height: 22px; margin: 35px 0 0 16px; text-indent: -9999px; }
#contentWrapper .contactBox .mail a { display: block; width: 214px; height: 22px; background: url('../images/contact_mail.png') no-repeat top center; }
#contentWrapper .contactBox .mail a:hover { background: url('../images/contact_mail.png') no-repeat bottom center; }

#contentWrapper #pageContent { float: left; width: 708px; font-size: 12px;}
#contentWrapper #pageContent .top { width: 708px; height: 18px; background: url('../images/middleContent_bg-top.png') no-repeat top; }
#contentWrapper #pageContent .bottom { width: 708px; height: 23px; background: url('../images/middleContent_bg-bottom.png') no-repeat bottom; }
#contentWrapper #pageContent .middle { position: relative; width: 668px; padding: 0 20px; text-align: left; line-height: 16px; background: url('../images/middleContent_bg.png') repeat-y; }
#contentWrapper #pageContent .middle ol.regulamin { list-style-type: decimal; list-style-position: inside; color: #b70e20; }
#contentWrapper #pageContent .middle ol.regulamin li { margin: 0 0 10px 0; }
#contentWrapper #pageContent .middle ol.regulamin li span { margin: 0 0 10px 0; color: #6d6d6d; }
#contentWrapper #pageContent .middle ol.regulamin li.last { margin: 0 !important; }
#contentWrapper #pageContent .middle ul.faq { list-style-type: none; list-style-position: inside; color: #b70e20; overflow:hidden;}
#contentWrapper #pageContent .middle ul.faq li { margin: 0 0 10px 0; }
#contentWrapper #pageContent .middle ul.faq li span { margin: 0 0 10px 0; color: #6d6d6d; }
#contentWrapper #pageContent .middle ul.faq li.last { margin: 0 !important; }
#contentWrapper #pageContent .middle p { padding: 0 0 15px 0; text-align: justify; }
#contentWrapper #pageContent .middle p.last { padding: 0; }
#contentWrapper #pageContent .middle span.textfoto { float: right; margin: 0 0 0 15px; }
#contentWrapper #pageContent .middle table.contactTable {  }
#contentWrapper #pageContent .middle table.contactTable td { vertical-align: top; }
#contentWrapper #pageContent .middle table.contactTable td.adres { width: 200px; }
#contentWrapper #pageContent .middle table.contactTable td.godziny { width: 270px; }
#contentWrapper #pageContent .middle table.contactTable td.bank {  }
#contentWrapper #pageContent .middle table.formTable { width: 100%; }
#contentWrapper #pageContent .middle table.formTable input.checkbox { display: block; float: left; }
#contentWrapper #pageContent .middle table.formTable td { /*vertical-align: top;*/ }
#contentWrapper #pageContent .middle table.formTable .row-options td {padding: 10px 0;}
#contentWrapper #pageContent .middle table.formTable td.title { width: 135px; }
#contentWrapper #pageContent .middle table.formTable td.titleText { padding: 5px 0 0 0; width: 135px; vertical-align: top; }
#contentWrapper #pageContent .middle table.formTable td.data { padding: 2px 0; }
#contentWrapper #pageContent .middle table.formTable td.smallCheckbox { padding: 6px 0 !important; font-size: 9px; }
#contentWrapper #pageContent .middle table.formTable td.smallCheckbox label { display: block; float: left; margin-left: 5px; line-height: 14px; }
input.small { width: 290px; height: 15px; background-color: #FFF; border: 1px solid #bdbdbd; padding: 5px; line-height: 15px; color: #626262; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 12px; }
input.vsmall { width: 22px; height: 15px; background-color: #FFF; border: 1px solid #bdbdbd; padding: 5px; line-height: 15px; color: #626262; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 12px; text-align: center}
#contentWrapper #pageContent .middle table.formTable td.data textarea { width: 465px; height: 140px; background-color: #FFF; border: 1px solid #bdbdbd; padding: 5px; line-height: 15px; color: #626262; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 12px; }
#contentWrapper #pageContent .middle table.formTable td.button { padding: 10px 0 0 0; }
#contentWrapper #pageContent .middle table.formTable td.button button span { line-height: 15px; color: #fff; font-family: tahoma, arial, helvetica; font-style: normal; font-size: 11px; visibility: hidden; }
#contentWrapper #pageContent .middle table.formTable td.button button.wyslij { border: 0 none; width: 109px; height: 25px; background: url('../images/button-zapytanie.png') no-repeat top left; cursor: pointer; }
#contentWrapper #pageContent .middle table.formTable td.button button.rejestracja { border: 0 none; width: 79px; height: 25px; background: url('../images/button-rejestracja.png') no-repeat top left; cursor: pointer; }
#contentWrapper #pageContent .middle table.formTable .special-row td {padding-top: 10px;}
#contentWrapper #pageContent .middle .separatorLine { padding: 15px 0; width: 664px; height: 1px; background: url('../images/content-separator-line.png') no-repeat center center; }
#contentWrapper #pageContent .middle .smalltext { font-size: 9px; color: #919191; }
#contentWrapper #pageContent .middle table.split td { vertical-align: top; }
#contentWrapper #pageContent .middle table.split td.cennikCell { padding: 0 20px 0 0; width: 260px; }

#contentWrapper #pageContent .middle table.cennik { border: 1px solid #dadada; background-color: #fff; border-spacing: 1px; }
#contentWrapper #pageContent .middle table.cennik td { padding: 7px 0 9px 0; height: 17px; font-size: 12px; font-weight: bold; line-height: 17px; vertical-align: top; }
#contentWrapper #pageContent .middle table.cennik td.format { width: 110px; text-align: center; background: url('../images/table-header-bg.jpg') repeat-x top center; color: #fff; border-right: 1px solid #fff; }
#contentWrapper #pageContent .middle table.cennik td.cena { width: 150px; text-align: center; background: url('../images/table-header-bg.jpg') repeat-x top center; color: #fff; }
#contentWrapper #pageContent .middle table.cennik td.value { padding: 8px 10px !important; color: #6c6c6d; text-align: right; border-bottom: 1px solid #dadada; }
#contentWrapper #pageContent .middle table.cennik td.last { border-bottom: 0px !important; }
#contentWrapper #pageContent .middle table.cennik td.rightBorder { border-right: 1px solid #dadada; }

.bgSeparator { margin: 5px 0 7px 0; width: 970px; height: 2px; background: url('../images/bg_separator.png') repeat-x; }

#footerBig { float: left; width: 970px; }
#footerBig .top { width: 970px; height: 18px; background: url('../images/footerBig_bg-top.png') no-repeat top; }
#footerBig .middle { width: 970px; padding: 0 0 16px 0; text-align: left; line-height: 16px; background: url('../images/footerBig_bg.png') repeat-y; }
#footerBig .separator { width: 970px; height: 2px; background: url('../images/footerBig_separator.png') no-repeat; }
#footerBig .products { width: 970px; padding: 20px 0 0 0; text-align: center; background: url('../images/footerBig_bgClean.png') repeat-y; }
#footerBig .bottom { width: 970px; height: 23px; background: url('../images/footerBig_bg-bottomClean.png') no-repeat bottom; }

#footerBig .middle .listBox { float: left; width: 193px; margin: 0 0 0 1px; }
#footerBig .middle .listBoxNarrow { width: 192px !important; }
#footerBig .middle .listBox .favorites { padding: 12px 0 0 18px; margin: 20px 0 0 0; background: url("../images/listBox-separator.png") repeat-x top; }
#footerBig .middle .listBox .favorites a { display: block; height: 16px; padding: 0 0 0 22px; line-height: 14px; font-weight: bold; color: #6c6c6c; background: url("../images/icon-add.png") no-repeat left; }
#footerBig .middle .listBox .favorites a:hover { color: #b70e20; }
#footerBig .middle .listBox a { color: #6c6c6c; }
#footerBig .middle .listBox a:hover { color: #b70e20; }
#footerBig .middle .listBox ul { line-height: 22px; margin: 0 0 0 1px; padding: 0 0 0 18px; }
#footerBig .middle .listBox ul li { margin-bottom: 10px; background: url("../images/arrow-doubleRed-right.png") no-repeat left 9px; }
#footerBig .middle .listBox ul li span { font-weight: bold; padding: 0 0 0 12px; }
#footerBig .middle .listBox ul li ul { padding: 0; }
#footerBig .middle .listBox ul li ul li { margin-bottom: 0; line-height: 20px; background: none; }

#footerWrapper { margin: 0 auto; padding: 0 0 10px 0; width: 970px; height: 62px; text-align: center; font-size: 11px; background: url('../images/footer_bg.png') repeat-x; }
#footer { padding: 13px 20px 0 20px; width: 930px; height: 49px; text-align: left; line-height: 11px; color: #8b8c8f; }
#footer .footerCopy { float: left; }
#footer .footerCopyrights { float: left; margin: 10px 0 0 0; }
#footer .footerCopyrights a { font-weight: bold; }
#footer .created { float: right; text-align: right; }
#footer .createdLink { float: right; margin: 10px 0 0 0; text-align: right; }
#footer .createdLink span { color: #88aa00; font-weight: bold; }
#footer .createdLink span a { /*color: #88aa00;*/ }

/* order form photosettings */
#form-photosettings .form-wrap {text-align: left;}
#form-photosettings #general-group-wraper {margin-bottom: 25px; overflow: hidden;}
#form-photosettings #general-group-wraper .content-fields {float: left; margin-right: 20px;}
#form-photosettings #photos-group-wraper .row {overflow: hidden;}
#form-photosettings #photos-group-wraper {margin-bottom: 10px; overflow: hidden;}
#form-photosettings #photos-group-wraper fieldset {float: left; width: 200px; margin: 5px 11px;}
#form-photosettings #photos-group-wraper .photo {height: 235px;}
#form-photosettings #photos-group-wraper .photo  img {max-width: 200px; max-height: 200px;}
/* order summary */
#def-list-summary-wrapper {margin-bottom: 15px;}
#def-list-summary-wrapper  .def-list-order-summary {margin-bottom: 5px;}
.def-list-order-summary li {overflow: hidden;}
.def-list-order-summary .name,.def-list-order-summary .value {width: 200px; float: left;}
.def-list-order-summary .value {width: auto; clear: right; font-weight: bold;}

/* order history */
#orders-history-table td {background-color: #EEEEEE;}
#orders-history-table .status {font-weight: bold;}
#orders-history-table .pending {color: #599130;}
#orders-history-table .canceled {color: #B73939;}

/* application messages */
#application-messages-wrap {padding: 12px 0 0 0; width: 970px; margin: 0 auto;}
#application-messages {background-color: #fafafa; border: 4px solid #3a9805; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#application-messages ul {margin: 10px 0 0 0; padding: 20px 0; list-style: none;}
#application-messages ul li {padding: 0 0 0 75px; font-weight: bold; font-size: 15px; text-align: left;}
#application-infos {background: url('../images/app_info_ico.png') no-repeat 20px 0 transparent;}
#application-errors {background: url('../images/app_error_ico.png') no-repeat 20px 0 transparent;}
#application-warnings {background: url('../images/app_warning_ico.png') no-repeat 20px 0 transparent;}
#application-infos li {color: green;}
#application-errors li {color: #b70e20;}
#application-warnings li {color: #F4A902;}

/* Gen Table */
.gen-table {border-spacing: 1px; width: 668px; margin-bottom: 10px;}
.gen-table th {padding: 5px; background: url('../aimages/th_bg.png') repeat-x bottom left #f5f5f5; border-bottom: 1px solid #d4d4d4; color: #4b4b4b; text-align: left;}
.gen-table td {padding: 5px; background-color: #f4f4f4; color: #4b4b4b; text-align: left; vertical-align: middle;}
.gen-table .center {text-align: center;}
.gen-table .short {width: 100px;}
.gen-table .icon {float: left; margin: 0 5px 0 0;}
.gen-table .operations .button {float: left; margin-right: 5px;}

/* form errors */
form ul.errors {padding: 3px 0;}
form ul.errors li {color: #B70E20;}

/* pagination */
.pagination-wrapper {text-align: center;}

.photo-summary-list {overflow: hidden;}
.photo-summary-list li {float: left; margin: 5px 11px;}
.photo-summary-list .photo-details p {}
#contentWrapper #pageContent .photo-summary-list .photo-details p {margin: 0; padding: 0;}
/* order form file */
#form-file-add #file-fields-wrap {}
#file-fields-wrap .gen-list {margin: 0 0 10px 20px;}
#file-fields-wrap .gen-list .element-index {margin-right: 5px;}
#file-fields-wrap .gen-list input {margin-right: 5px;}
#file-fields-wrap #addfilefield {display: block; width: 104px; height: 25px; margin: 0 0 10px 20px; background: url(../images/button-dodaj-zdjecie.png); text-indent: -9999px;}
#file-fields-wrap .btn-delete {position: relative; top: -4px; display: inline-block; vartical-align: top;}

/* overloaded settings */
.raw-header {height: auto; text-indent: 0; visibility:visible; font-size: 16px;}
.action-buttons-wrapper {overflow: hidden;}
.action-buttons-wrapper .button-forward {float: right;}
.content-view-block {margin-bottom: 15px;}
.ico-add { display: block; width: 16px; height: 16px; padding: 0 0 0 0; background: url("../images/icon-add.png"); text-indent: -9999px;}
.gen-link {}
.spec-link {font-weight: bold;}
.gen-paragraph, #contentWrapper #pageContent .middle .gen-paragraph {margin-bottom: 15px; padding: 0;}

/* slides */
.jcarousel-container-horizontal {width: 706px;}
.jcarousel-clip {width: 706px; overflow: hidden;}
.jcarousel-item {width: 706px;}

#slider-control-wrapper {position: absolute; bottom: 9px; right: 8px; height: 42px; background: url('../images/slider_ctr_wrap_bg.png') no-repeat right;}
#slider-triangle-bg {height: 42px; padding-left: 22px; background: url(../images/slidder_bg.png) repeat-x;}
#slider-control {height: 42px; margin-right: 1px;overflow: hidden;}
#slider-control li {float: left;  margin: 9px 6px 0 0;}
#slider-control li a {display: block; width: 27px; height: 27px; line-height: 25px; color: #b6b8bb; background: url(../images/slider_ctr.png) no-repeat 0 -54px;}
#slider-control li a:hover {background-position: 0 -27px; color: #8d8f93;}
#slider-control li a.current {background-position: 0 0; color: #ffffff;}

/* order */
.buttons-order-wrapper {padding-left: 64px; overflow: hidden;}
.button-order-wrapper {float: left; width: 206px;}
.button-order-wrapper.locked {padding-top: 79px; margin-top: 4px; background: url('../images/locked.png') no-repeat top center;}
.button-order-wrapper.unlocked {margin-right: 128px;padding-top: 83px; background: url('../images/unlocked.png') no-repeat top center;}
.button-order-wrapper .btn {margin-bottom: 10px;}
.button-order-wrapper .desc {display:block ;padding-left: 5px;}
#order-step-desc {margin-bottom: 20px; background: url("../images/content-separator-line.png") no-repeat scroll bottom left transparent;}
.content-main-actions-wrapper {padding: 12px 0 0 0; overflow: hidden;}
.content-main-actions-wrapper .dalej,.content-main-actions-wrapper .button-makeorder {float: right;}
.content-main-actions-wrapper .btn-lft-wrap {float: left;}
.floated-btns {overflow: hidden;}
.floated-btns .btn {float: left; margin-right: 5px;}

#contentWrapper #pageContent .row-options {}
#contentWrapper #pageContent .row-options .top  {height: auto; width: auto; padding: 10px 0 0 0; background: url("../images/content-separator-line.png") no-repeat scroll top left transparent;}
#contentWrapper #pageContent .row-options .bottom {height: auto; width: auto; padding: 0 0 10px 0; background: url("../images/content-separator-line.png") no-repeat scroll bottom left transparent;}
#contentWrapper #pageContent .row-options .middle {background: none; padding: 0; width: auto;}
.row-options a {font-weighT: bold;}

/* validators */
.common-form-errors {list-style:square; margin-bottom: 10px; list-style-position: inside;}
.common-form-errors li {color: #B70E20;}
#errors-photo-upload {list-style:square; margin-bottom: 10px; list-style-position: inside;}
#errors-photo-upload li {color: #B70E20;}

/*     \/  DROP MENU  \/     */
/*     \/  DROP MENU  \/     */
/*     \/  DROP MENU  \/     */

#dropmenu { margin: 0 1px; list-style: none; height: 38px; position: relative; }

#dropmenu table { border-collapse: collapse; width: 0; height: 0; margin: -3px -10px; }

#dropmenu li { float: left; /*background: url('../images/menu_bg-hover-test.jpg') no-repeat right top;*/ }
#dropmenu li a { float: left; display: block; height: 38px; font-size: 11px; font-weight: bold; line-height: 38px; text-decoration: none; color: #66686a; }
#dropmenu li a:hover { line-height: 38px; height: 38px; /*background: url('../images/menu_bg-hover-test.jpg') no-repeat right center;*/ }

/*#dropmenu li.stronaglowna a,
#dropmenu li.uslugionline a,
#dropmenu li.cennik a,
#dropmenu li.faq a,
#dropmenu li.ofirmie a,
#dropmenu li.kontakt a { float: left; }*/

#dropmenu li a { float: left; }

#dropmenu li.stronaglowna a span { display: block; width: 116px; height: 38px; text-indent: -9999px; background: url('../images/menu_stronaglowna.png') no-repeat right center; }
#dropmenu li.uslugionline a span { display: block; width: 168px; height: 38px; text-indent: -9999px; background: url('../images/menu_uslugionline.png') no-repeat right center; }
#dropmenu li.oferta a span { display: block; width: 105px; height: 38px; text-indent: -9999px; background: url('../images/menu_oferta.png') no-repeat right center; }
#dropmenu li.cennik a span { display: block; width: 75px; height: 38px; text-indent: -9999px; background: url('../images/menu_cennik.png') no-repeat right center; }
#dropmenu li.faq a span { display: block; width: 59px; height: 38px; text-indent: -9999px; background: url('../images/menu_faq.png') no-repeat right center; }
#dropmenu li.ofirmie a span { display: block; width: 82px; height: 38px; text-indent: -9999px; background: url('../images/menu_ofirmie.png') no-repeat right center; }
#dropmenu li.kontakt a span { display: block; width: 82px; height: 38px; text-indent: -9999px; background: url('../images/menu_kontakt.png') no-repeat right center; }

#dropmenu li.administracja {float: right;}
#dropmenu li.administracja a span { display: block; width: 113px; height: 38px; text-indent: -9999px; background: url('../images/menu_administracja.png') no-repeat right center; }

#dropmenu li a span:hover { background-position: top; }
#dropmenu li.current a span { background-position: bottom; }
#dropmenu li.current a span:hover { background-position: bottom; }


#dropmenu ul { padding: 0; margin: 0; list-style: none; position: absolute; height: 31px; width: 968px; /*width: 100%;*/ left: -9999px; top: 38px; z-index: 10; background: url('../images/menu_submenu_bg.png') no-repeat; }
#dropmenu ul.uslugiMargin { padding: 0 0 0 116px; width: 852px; }
#dropmenu ul.ofertaMargin { padding: 0 0 0 284px; width: 684px; }
#dropmenu ul.cennikMargin { padding: 0 0 0 389px; width: 579px; }
#dropmenu ul.faqMargin { padding: 0 0 0 464px; width: 504px; }
#dropmenu ul.ofirmieMargin { padding: 0 0 0 523px; width: 445px; }
#dropmenu ul.kontaktMargin { padding: 0 0 0 605px; width: 363px; }
#dropmenu ul li { height: 31px; line-height: 31px; background: url('../images/menu_submenu_bg-right.png') no-repeat right !important; }
#dropmenu ul li a { padding: 0 10px 0 10px; height: 31px; width: auto; text-indent: 0; line-height: 31px; font-size: 11px; font-weight: normal; background: none; }
#dropmenu ul li a:hover { height: 31px; line-height: 31px; background: transparent; color: #B70E20; }
#dropmenu ul li a.last { border: 0; }

#dropmenu :hover ul { left: 0; }

#dropmenu li.current ul { left: 0; z-index: 1; }
#dropmenu li.current ul li a { color: #66686a; padding: 0 10px 0 10px; height: 31px; line-height: 31px; background: transparent; }
#dropmenu li.current ul li a:hover { color: #b70e20; }
#dropmenu li.current ul li.sub_current a { color: #B70E20; }
#dropmenu li.current ul li a:hover { color: #b70e20; }

/* loader */
#loader {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-image: url('../images/transparent_bg.png');}
#loader #loader-box {width: 430px; padding: 20px; margin: 200px auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-image: none; background-color: #ffffff; font-size: 16px;}