/* General Styles
----------------------------------------------- */

/* Font - LiberationSerifBold
----------------------------------------------- */
@font-face {
font-family: 'LiberationSerifBold';
src: url("fonts/LiberationSerif-Bold.ttf");
}

/* Font - LiberationSerifRegular
----------------------------------------------- */
@font-face {
font-family: 'LiberationSerifRegular';
src: url("fonts/LiberationSerif-Regular.ttf");
}

/* Font - LiberationSerifItalic
----------------------------------------------- */
@font-face {
font-family: 'LiberationSerifItalic';
src: url("fonts/LiberationSerif-Italic.ttf");
}

/* Font - Iskola Pota
----------------------------------------------- */
@font-face {
font-family: 'Iskola Pota';
src: url("fonts/iskpota.ttf");
}


/* Structure
----------------------------------------------- */
.cd {width: 960px; margin: 0 auto; position: relative; }
#grad-bac {background: #fff url(images/footer-bg.png) repeat-x left top; height: 444px;}  

.column-60-40 {height: 100%; overflow: hidden;}
.column-60-40 .left {width: 530px; float: left; margin-left: 10px;} 
.column-60-40 .right {float: right; width: 390px; margin-right: 10px;}

.column-80-20 {height: 100%; overflow: hidden; padding-bottom: 40px;} 
.column-80-20 .left {width: 650px; float: left; margin-left: 10px;} 
.column-80-20 .right {float: right; width: 272px; margin-right: 10px;} 

.smart-box .padding {padding: 25px;}

.smart-box .mt {background: #fff url(images/box-mt.png) repeat-x left top;} 
.smart-box .mb {background: url(images/box-mb.png) repeat-x left bottom;}
.smart-box .lm {background: url(images/box-lm.jpg) repeat-y left top;}
.smart-box .rm {background: url(images/box-rm.png) repeat-y right top;}

.smart-box .lb {background: url(images/box-lb.png) no-repeat left bottom;}
.smart-box .rb {background: url(images/box-rb.png) no-repeat right bottom;}
.smart-box .lt {background: url(images/box-lt.jpg) no-repeat left top;}
.smart-box .rt {background: url(images/box-rt.png) no-repeat right top;}

/* Header
----------------------------------------------- */
.site-header {
	height: 131px; 
	background: #ebe7e5 url(images/header-bg.png) repeat-x left top;
}
.site-header .cd {height: 131px;}
.site-header h1,
.site-header h2 {
	text-align: center;
}

#logo a {display: block; width: 410px; height: 50px; background: url(images/logo.png) no-repeat left top; position: absolute; top: 45px; left: 0;} 
#logo a span {display: none;}

.site-header .site-description {display: none;}

/* Social Icons */
#social-icons {position: absolute; right: 0; top: 45px;}
#social-icons li {float: left; margin: 0;}
#social-icons a {display: block; height: 45px; background-image: url(images/social-icons.png);}
#social-icons a span {display: none;}

#social-icons #yt {background-position: left top; width: 46px;}
#social-icons #yt:hover {background-position: left bottom;}

#social-icons #tw {background-position: -46px 0; width: 44px;}
#social-icons #tw:hover {background-position: -46px bottom;}

#social-icons #fb {background-position: right top; width: 46px;}
#social-icons #fb:hover {background-position: right bottom;}

#pageHead {height: 273px; background: url(images/headering-image.png) repeat-x left top;}
#pageHead .cd {background: url(images/header-ozdoba.png) no-repeat center 175px; height: 273px;}
#header-pattern {height: 273px; background: url(images/headering-pattern.png) repeat left top;} 
#header-shade {background: url(images/headering-shade.png) repeat left top; height: 273px;}

#header-shade h2 {font-family: 'LiberationSerifRegular', "Times New Roman"; text-shadow: 2px 1px 1px #1c1926; color: #f3ddc5; font-weight: normal; font-size: 56px; text-align: center; position: absolute; top: 95px; display: block; width: 960px; text-transform: uppercase;}

#header-shade strong {font-family: 'LiberationSerifRegular', "Times New Roman"; text-shadow: 2px 1px 1px #1c1926; display: block; font-size: 25px; color: #fff; text-align: center; position: absolute; top: 195px; text-transform: uppercase; font-weight: normal; width: 960px;}


/* Slider Styles */
#sliderField {height: 469px; background: url(images/slider-background.png) no-repeat center top; position: relative;}

/* Main Page Styles
----------------------------------------------- */
#content {padding: 40px 0 55px 0;} 
.main-title {height: 100px; padding-top: 20px; margin: 0 0 15px 0;}
.main-title h2 {font-family: 'LiberationSerifRegular'; font-size: 40px; color: #4e4c4c; text-transform: uppercase; line-height: 0.9;}
#newsletter {background: #3d1d46 url(images/newsletter-freska.png) no-repeat center top; padding: 20px; height: 289px;}

#newsletter.mini {background: #3d1d46 url(images/newsletter-freska.png) no-repeat center top; padding: 15px 15px 20px 15px; height: 100%; overflow: hidden; margin: 0 0 15px 0;}
#newsletter.mini h3 {font-size: 23px; padding-top: 25px;}
#newsletter.mini ul li {font-size: 14px; padding-left: 30px; background: url(images/newsletter-item.png) no-repeat 5px 4px; line-height: 1.1; padding-bottom: 6px;}
#newsletter.mini input.txt {width: 200px;} 
#newsletter.mini button {width: 240px;}
 
#newsletter h3 {font-family: 'LiberationSerifRegular'; color: #fff; font-size: 34px; text-align: center; line-height: 1.0; text-transform: uppercase; font-weight: normal;} 
#newsletter h3 span {font-family: 'LiberationSerifBold'; font-weight: normal;}
#newsletter ul {margin: 15px 0 20px 0;}
#newsletter ul li {font-family: 'LiberationSerifRegular'; line-height: 1.4; font-size: 15px; color: #fff; padding-left: 43px; background: url(images/newsletter-item.png) no-repeat 10px center;}
#newsletter input.txt {width: 305px; padding: 12px 20px; border: none; color: #484848; font-family: Arial; font-size: 14px; font-weight: bold; border-bottom: 3px solid #d6d6d6;}

#newsletter button {width: 345px; margin-top: 10px; text-align: center; height: 50px; background: #d31224; border: none; cursor: pointer;
text-shadow: 1px 1px #631c1c; color: #fff; text-transform: uppercase; font-family: 'LiberationSerifRegular'; font-size: 24px;}
#newsletter button:hover {background: #f21429;}
#newsletter button:active {position: relative; right: -1px; bottom: -1px; }

#what-new {margin-bottom: 14px;}
#what-new a {display: block; width: 390px; height: 116px; background: url(images/co-nowego-red.png) no-repeat left top;}
#what-new a span {display: none;}
#what-new.mini a {display: block; width: 272px; height: 96px; background: url(images/co-nowego-red-mini.png) no-repeat left top; text-indent: -200000px;}
#what-new a:hover {background-position: left bottom;}
#what-new a:active {position: relative; right: -1px; bottom: -1px;}

/* Page Styles
----------------------------------------------- */ 
.page-head-mini {height: 85px;}
.page-head-mini h2 {font-size: 40px; color: #4e4c4c; font-family: 'LiberationSerifRegular'; text-transform: uppercase; margin: 0; line-height: 1.3;}

#opinie-slider h3 {height: 89px; width: 272px; background: url(images/opinie-head.png) repeat-x left top; text-indent: -2000000px;}
#opinie-slider blockquote p {color: #6a6a6a; font-size: 14px; font-family: Arial; line-height: 1.5; }
#opinie-slider .padding {height: 100%; padding: 0;}
#opinie-slider a {display: inline; color: #54395b; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none;} 
#opinie-slider a span {font-size: 12px; font-weight: normal; padding-left: 2px; letter-spacing: -1px;}
#opinie-slider a:hover {color: #8a5f95;}
#opinie-slider p {display: inline;}

#tagi-box h3 {height: 89px; width: 272px; background: url(images/tagi-head.png) repeat-x left top; text-indent: -2000000px;}
#tagi-box {line-height: 1.3;}

.qoute-top-mini {background: url(images/quote-mini-top.png) no-repeat 14px 15px; float: left;}
.quote-bottom-mini {background: url(images/quote-mini-bottom.png) no-repeat 230px bottom; float: left;}

.page-styles {height: 100%; overflow: hidden;}

.page-styles p {color: #505050; font-family: Arial; font-size: 15px;}

.page-styles h1, .page-styles h2, .page-styles h3, .page-styles h4, .page-styles h5, .page-styles h6 {
font-family: 'LiberationSerifRegular'; color: #3d1d46; margin: 20px 0; line-height: 1.2;}
.page-styles h1 {font-size: 26px; text-transform: uppercase;}
.page-styles h2 {font-size: 26px; }
.page-styles h3 {font-size: 20px;}
.page-styles h4 {font-size: 16px;}
.page-styles h5 {font-size: 14px; font-weight: bold;}
.page-styles h6 {font-size: 12px; font-weight: bold;}

.page-styles h1 strong, .page-styles h2 strong, .page-styles h3 strong, .page-styles h4 strong, .page-styles h5 strong, .page-styles h6 strong {font-family: 'LiberationSerifBold';}

.page-styles blockquote {color: #6e6e6e; border: 1px solid #e8e8e8; background: #fdfdfd url(images/quote-icon.png) no-repeat 15px 20px; padding: 20px 20px 20px 65px; margin: 20px 0;}
.page-styles blockquote p {margin: 0 0 15px 0;}

.page-styles ul, .page-styles ol {margin: 20px 0 20px 0; color: #676767; font-family: Arial; font-size: 15px; line-height: 1.4;}
.page-styles ul li, .page-styles ol li {line-height: 22px; margin-bottom: 6px;} 
.page-styles ul {list-style: none;}
.page-styles ul li {background: url(images/list-item.png) no-repeat left center; padding-left: 20px;}

.page-styles a {color: #d31224; text-decoration: underline; }
.page-styles a:hover {color: #f24656;}

.list-boxes li {margin-bottom: 18px; position: relative;}
.list-boxes li .image-cover {float: left; height: 292px; width: 175px; margin-left: 1px; margin-top: 1px;}
.list-boxes li .image-cover img {padding: 0; border: none;}
.list-boxes li .lt {height: 295px;}
.list-boxes li .true-content {float: right; width: 420px; padding-right: 30px;}
.sticker {width: 128px; height: 128px; position: absolute; right: -6px; top: -8px;}
.list-boxes li h3 {height: 90px; line-height: 90px; color: #4e4c4c; font-size: 28px; text-transform: uppercase; font-family: 'LiberationSerifRegular';}
.list-boxes li p {color: #7f7f7f; font-family: Arial; font-size: 14px; line-height: 1.5;}
.list-boxes .controls {height: 42px; position: absolute; right: 20px; bottom: 20px; width: 430px;}
.list-boxes .controls a {text-decoration: none; display: block; float: right; color: #fff; height: 42px; text-transform: uppercase; padding: 0 35px; font-family: 'LiberationSerifRegular'; line-height: 42px; font-size: 20px;}
.list-boxes .controls a:active {position: relative; right: -1px; bottom: -1px;}
.list-boxes .controls a#czytaj {background: #4c4566; text-shadow: 1px 1px #2f2637;}
.list-boxes .controls a#kup-teraz {background: #d31224; text-shadow: 1px 1px #89111b;}
.list-boxes .controls a#czytaj:hover {background: #615883;}
.list-boxes .controls a#kup-teraz:hover {background: #eb2437;}

.list-boxes#wpisy h2 {padding-top: 25px;}
.list-boxes#wpisy h2 a {font-size: 22px; color: #4e4c4c; line-height: 1.0; text-transform: uppercase; font-family: 'LiberationSerifRegular'; text-decoration: none;}
.list-boxes#wpisy h2 a:hover {color: #d31224;}
.list-boxes#wpisy .line {margin: 10px 0;}

.list-boxes#wpisy .wpis-infos, .blog-head .wpis-infos {font-family: Arial; text-decoration: none; color: #4e4c4c; font-size: 11px;}
.list-boxes#wpisy .wpis-infos br, .blog-head .wpis-infos br {display: none;}
.list-boxes#wpisy .wpis-infos a, .blog-head .wpis-infos a {color: #343434; text-decoration: none;}
.list-boxes#wpisy .wpis-infos a:hover, .blog-head .wpis-infos a:hover {color: #717171;}
.list-boxes#wpisy .wpis-infos span, .blog-head .wpis-infos span {padding-right: 4px;}
.list-boxes#wpisy .wpis-infos ul, .blog-head .wpis-infos ul {display: inline;}
.list-boxes#wpisy .wpis-infos ul li, .blog-head .wpis-infos ul li {display: inline;}
.list-boxes#wpisy .wpis-infos ul li:after, .blog-head .wpis-infos ul li:after {content:",";} 
.blog-head .wpis-infos {text-align: center !important;}
#content .blog-head .wpis-infos ul {list-style: none;}
#content .blog-head .wpis-infos ul li {padding: 0; background: none; font-size: 11px;}

#konsultacje {margin-bottom: 12px;}
#konsultacje .lt {height: 172px;}

#konsultacje .table-kon {height: 86px; background: url(images/skype-konsultacje.png) no-repeat left top; border-bottom: 1px solid #d8d3ce;}
#konsultacje .leftside {float: left; width: 323px; height: 100%; border-right: 2px solid #eae8e5;}
#konsultacje .leftside p {height: 100%; padding-left: 38px; line-height: 86px; font-family: 'LiberationSerifRegular'; color: #837ba1; font-size: 36px; background: url(images/time-icon.png) no-repeat left center; margin-left: 131px;}
#konsultacje .rightside {float: left; width: 290px; height: 100%;}

#konsultacje .left-cena {float: left; text-align: right; line-height: 86px; width: 115px; height: 100%; font-family: 'LiberationSerifRegular'; color: #6e6980; font-size: 31px;}
#konsultacje .right-cena {float: left; height: 100%; width: 150px; padding-left: 20px;}
#konsultacje .right-cena .edit-cena {font-family: 'LiberationSerifRegular'; font-size: 31px; color: #837ba1; line-height: 0.8; padding-top: 24px;}
#konsultacje .right-cena .edit-cena del {color: #837ba1;}
#konsultacje .right-cena strong {font-size: 11px; color: #d31224; font-family: Arial; line-height: 0.8;}

#zamow-kon {background: #2f1636; box-shadow: 0 2px 2px #3f3f3f; display: block; width: 340px; margin: 14px auto 0 auto; text-shadow: 1px 1px #1b0d1f; text-decoration: none; color: #fff; height: 55px; text-transform: uppercase; text-align: center; font-family: 'LiberationSerifRegular'; line-height: 55px; font-size: 24px;}
#zamow-kon:hover {background: #411f4b;}
#zamow-kon:active {position: relative; right: -1px; bottom: -1px;}

.blog-head h1 {font-size: 30px; margin-bottom: 3px; text-align: center; line-height: 1.2;}
.blog-head .wpis-infos p {font-family: Arial; text-decoration: none; color: #4e4c4c; font-size: 11px; text-align: center;}
.blog-head .wpis-infos p br {display: none;}
.blog-head .wpis-infos p a {color: #343434; text-decoration: none;}
.blog-head .wpis-infos p a:hover {color: #717171;}
.blog-head .wpis-infos span {padding-left: 4px;}

.ozboby.tak {background: url(images/ozdoba2.png) no-repeat 14px 13px;}
.ozboby.tak .ozdobaBox {background: url(images/ozdoba3.png) no-repeat right bottom;}
.ozdoba3.tak {background: url(images/ozdoba1.png) no-repeat 70px 1px;}
.ozboby.tak .padding {padding: 25px 50px 50px 50px;}

#opinion-box .padding {float: left;  } 
#content #opinion-box .box {float: left;}

.wp-pagenavi .pages {display: none;}
.wp-pagenavi .last, .wp-pagenavi .extend, .wp-pagenavi .first {display: none;}
.wp-pagenavi a, .wp-pagenavi span.current {display: block; height: 50px; padding: 0; float: left; font-family: 'LiberationSerifRegular'; font-size: 18px; border: none; margin: 0 3px 0 0;}
.wp-pagenavi a.page {width: 40px; background: url(images/paged-number.png) no-repeat left top; text-align: center; line-height: 48px; color: #7f7a91;}
.wp-pagenavi a.page:hover {background: url(images/paged-number.png) no-repeat left bottom; color: #fff; text-shadow: 1px 1px 1px #221e30;}

.wp-pagenavi span.current {width: 40px; background: url(images/paged-number.png) no-repeat left bottom; text-align: center; line-height: 48px; color: #fff; text-shadow: 1px 1px 1px #221e30;}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {width: 29px; text-indent: -20000000px;}
.wp-pagenavi .previouspostslink {background: url(images/pages-left.png) no-repeat left top; margin-right: 2px;}
.wp-pagenavi .previouspostslink:hover {background: url(images/pages-left.png) no-repeat left bottom;}
.wp-pagenavi .nextpostslink {background: url(images/pages-right.png) no-repeat left top; position: relative; left: -1px;}
.wp-pagenavi .nextpostslink:hover {background: url(images/pages-right.png) no-repeat left bottom;}

.contact-head {border-bottom: 1px solid #d9d4d6; border-top: 1px solid #d9d4d6; margin-bottom: 20px;}
.contact-head p {color: #4c4566; font-size: 24px; font-family: 'LiberationSerifRegular'; padding: 20px 0; line-height: 1.1;}

#wiedza-video {margin: 0 0 40px 0; height: 100%; overflow: hidden;}
#wiedza-video li .box.lt {padding: 0 1px 2px 1px;}
#wiedza-video li {float: left; margin-right: 20px; margin-bottom: 18px;}
#wiedza-video li a {display: block; width: 296px; height: 218px; text-decoration: none;} 
#wiedza-video li span {height: 100%; display: block;}
#wiedza-video li span.pattern {background: url(images/white-opacity.png) repeat left top;}
#wiedza-video li span.play-image {background: url(images/film-play-icon.png) no-repeat center 40px;} 
#wiedza-video li strong {color: #45214f; font-size: 18px; line-height: 1.1; font-family: 'LiberationSerifRegular'; padding: 140px 10px 0 20px; display: block; text-decoration: none; text-transform: uppercase;}

#wiedza-video a:hover span.pattern {background-image: none;} 
#wiedza-video li a:hover span.play-image{background: url(images/film-play-icon-hov.png) no-repeat center 70px;}
#wiedza-video a:hover strong {color: #fff; display: none;}

/* Ogólne Style Formularzy */
#contact-form.travelForms ol {margin: 0; padding: 0; list-style: none;}
.travelForms label {color: #3d3d3d; display: block; line-height: 33px; padding: 0 15px 0 0; text-align: center; width: 422px; font-family: 'LiberationSerifRegular';}
.travelForms label span {color: red;}
.travelForms input.txt {padding: 10px 10px; width: 400px; border: 1px solid #dbdbdb; background: #fdfdfd url(images/input-bg.png) repeat-x left bottom; color: #7d7d7d; font-size: 12px;}
.travelForms input.txt:focus, .travelForms textarea:focus {background: #fdfdfd; color: #4b4b4b; border: 1px solid #bfbfbf;}
.travelForms textarea {float: left; padding: 7px 10px; width: 400px; height: 80px; border: 1px solid #dbdbdb; background: #fdfdfd url(images/input-bg.png) repeat-x left bottom; color: #7d7d7d; font-size: 12px;}
.travelForms textarea.text {height: 100px; width: 400px;}
.travelForms li {height: 100%; overflow: hidden; padding: 5px 0;}
.travelForms li.radio input {margin: 10px 0 0 10px;}
.travelForms li.check input {margin: 11px 0 0 2px;}
.travelForms .radio-text {font-size: 12px; color: #757575; padding: 0 10px 0 5px;}
.travelForms .short-info {color: #636363; font-size: 11px; border-left: 1px solid #d8d8d8; float: right; width: 365px; padding: 0 20px 0 15px; margin: 0;}
.travelForms select {float: left; padding: 8px 10px; width: 230px; border: 1px solid #e4e4e4; background: #fff url(images/form_bg.png) repeat-x left top; color: #8b8b8b; font-size: 12px;}

#contact-form {width: 422px; margin: 0 auto;}
#contact-form button {background: #d31224; cursor: pointer; margin-top: 7px; text-shadow: 1px 1px #8d2222; text-decoration: none; color: #fff; bottom: 0; left: 0; width: 100%; outline: none; height: 50px; text-transform: uppercase; text-align: center; font-family: 'LiberationSerifRegular'; font-size: 20px;}
#contact-form button:hover {background: #bb0d1d;}
#contact-form button:active {position: relative; right: -1px; bottom: -1px;}
#contact-form li {margin: 0;} 

button.paybt {background: #d31224; cursor: pointer; margin-top: 7px; text-shadow: 1px 1px #8d2222; text-decoration: none; color: #fff; bottom: 0; left: 0; width: 100%; outline: none; height: 50px; text-transform: uppercase; text-align: center; font-family: 'LiberationSerifRegular'; font-size: 20px;}
button.paybt:hover {background: #bb0d1d;}
button.paybt:active {position: relative; right: -1px; bottom: -1px;}


/* Comments Styles
----------------------------------------------- */
#disqus_thread {background: url(images/separator2.png) no-repeat center top; padding-top: 50px; margin-top: 20px;} 
#disqus_thread ul li, #disqus_thread ol li {background-image: none; }


/* Extra Image Styles
----------------------------------------------- */
span.line {height: 1px; border-bottom: 1px solid #e6e2e7; display: block; margin: 25px 0;}
span.separator {height: 13px; display: block; background: url(images/separator.png) no-repeat center top; margin: 25px 0;}
span.separator2 {height: 19px; display: block; background: url(images/separator2.png) no-repeat center top; margin: 25px 0;}

/* Szkolenia Styles
----------------------------------------------- */
#szkolenia {height: 413px; background: url(images/szkolenia-bg.png) repeat-x left top;}
#szkolenia h3 {font-family: 'LiberationSerifRegular'; font-size: 40px; color: #4e4c4c; text-transform: uppercase; line-height: 105px;}

#carousel li .head {font-family: 'LiberationSerifRegular'; font-size: 30px; color: #2c2120; text-decoration: none; text-transform: uppercase; line-height: 1.0;}
#carousel li .head span {font-family: 'LiberationSerifBold';}
#carousel li .head:hover {text-decoration: underline;}

#carousel li .padding {padding: 25px 0 0 20px;}

#carousel li .infos {color: #2c2120; width: 215px; position: absolute; top: 135px; font-size: 18px; font-family: 'LiberationSerifRegular'; height: 62px; line-height: 62px; overflow: hidden; clear: both;} 
#carousel li .infos .data, #carousel li .infos .cena {display: block; height: 62px; line-height: 62px;}
#carousel li .infos .data {float: left;}
#carousel li .infos .cena {float: right; text-align: right;}

#carousel li .button {position: absolute; background: #d31224; text-shadow: 2px 2px #8d2222; text-decoration: none; color: #fff; bottom: 0; left: 0; width: 100%; height: 55px; text-transform: uppercase; text-align: center; font-family: 'LiberationSerifRegular'; line-height: 55px; font-size: 20px;}
#carousel li .button:hover {background: #bb0d1d;}

#carousel li:hover .head, #carousel li:hover .infos {color: #fff; text-shadow: 2px 2px #8d2222;}

/* FanBox Styles
----------------------------------------------- */
#fanBox {height: 342px;}
#kliknij-lubie-to-hd {height: 80px; line-height: 80px; font-size: 24px; color: #4e4c4c; font-family: 'LiberationSerifRegular'; text-transform: uppercase;}

/* Footer Styles
----------------------------------------------- */
#footer {color: #4f4e4e; font-size: 14px; font-family: 'LiberationSerifRegular';}
#footer ul li {color: #514742; font-size: 12px; float: left; margin-right: 20px;}
#footer ul li a {color: #4f4e4e; font-size: 14px; text-decoration: none; padding: 0 10px; height: 48px; line-height: 48px; display: block;}
#footer ul li a:hover {background: #f0ece8;}
#footer .links ul {float: left; line-height: 50px; padding-top: 2px;}

#footer .copyrights {height: 50px; line-height: 50px; padding-left: 10px; clear: both; position: relative;}
#footer .copyrights p {float: left; width: 650px; overflow: hidden; color: #787878;}
#footer .copyrights a {color: #4f4e4e; font-size: 14px; text-decoration: none;}
#footer .copyrights a:hover, #footer ul li a:hover {color: #000;}
#footer .copyrights span {padding: 0 2px;}

#sambor {display: block; width: 10px; background: url(images/michal-sambor-logo.png) no-repeat left top; height: 12px; text-indent: -2000000px; position: absolute; right: 10px; top: 21px;}
#sambor:hover {background: url(images/michal-sambor-logo.png) no-repeat left bottom;}

#rusek {display: block; width: 71px; background: url(../images/mr-logo.png) no-repeat left top; height: 13px; text-indent: -2000000px; position: absolute; right: 34px; top: 20px;}
#rusek:hover {background: url(images/mr-logo.png) no-repeat left bottom;}

#addicon {display: block; width: 13px; background: url(images/add.png) no-repeat left top; height: 13px; position: absolute; right: 17px; top: 20px;}

#top {display: block; color: #4f4e4e; font-size: 16px; font-family: 'LiberationSerifRegular'; height: 50px; line-height: 50px; position: absolute; right: 10px; top: 0;}
#top span {display: block; width: 10px; height: 7px; position: absolute; right: 0; top: 14px; background: url(images/top-icon.png) no-repeat left top;}
#top:hover span {background: url(images/top-icon.png) no-repeat left bottom;}