/* Knihovna 4U - slejch skin */

body  { background-color: #fff; font-family: Trebuchet MS, sans-serif; font-size: 80%; }

/* Headings */
h2  { color: #416a7f; }

/* Links */
a { color: #616161; text-decoration: none; }
a:hover { color: #1676a7; text-decoration: underline; }

/* Separator */
.sep  { padding-bottom: 25px !important; border-bottom: 1px #fae8db solid; }

#header { background: #fff url('images/img-header.jpg') no-repeat 0 0; height: 309px; }
#header form  { width: 282px; top: 40px; right: 8px; }
#header form input.txt  { width: 194px; _width: 213px; height: 20px; _height: 32px; padding: 7px 6px 6px 13px; &padding: 9px 6px 6px 13px; font-size: 14px; background: transparent url('images/bg-search-input.gif') no-repeat 0 0; border: 0; position: absolute; top: 0; left: 0; }
#header form input.submit { width: 69px; height: 32px; background: url('images/bg-search-button.gif') no-repeat 0 0; left: 213px; color: #f7ece7; font-size: 14px; overflow: hidden; padding-bottom: 3px; font-weight: bold; border: 0; cursor: hand; cursor: pointer; }
#header form input:hover.submit { background-position: 0 100%; }
#maincontent  { margin-top: -199px; background: transparent url('images/bg-maincontent.gif') repeat-y 0 0; color: #416a7f;  }
#layout2 #maincontent { background: transparent url('images/bg-maincontent-layout2.gif') repeat-y 0 0; } 
#layout3 #maincontent { background: transparent url('images/bg-maincontent-layout3-1.gif') repeat-y 0 0; } 

#maincontent-wrap { background: transparent url('images/bg-main-content-wrap2.gif') no-repeat 0 100%;  }
#layout2 #maincontent-wrap  { background: transparent url('images/bg-main-content-wrap-layout2.gif') no-repeat 0 100%;  }
#layout3 #maincontent-wrap  { background: transparent url('images/bg-main-content-wrap-layout3.gif') no-repeat 0 100%;  }
#maincontent #user-info { width: 224px; position: relative; left: 6px; top: -11px; background: transparent url('images/bg-user-info-top2.gif') no-repeat 0 0; color: #494949; }
#maincontent #user-info { color: #494949; }
#maincontent #user-info .photo .item  { border-bottom: #FAE8DB 1px solid !important; }
#maincontent #user-info .photo  { background: transparent url('images/bg-user-info.gif') repeat-y 0 0; position: relative; padding-bottom: 0px; margin-bottom: 24px; _border-left: 1px #cbedfb solid; }
#maincontent #user-info .photo a  { color: #AC7262 !important; }
#maincontent #user-info .photo p  { padding: 0; position: relative !important; width: 199px; margin-bottom: 7px; font-size: 90%; }
#maincontent #user-info .photo p.register,
#maincontent #user-info .photo p.last { margin-bottom: 0; }
#maincontent #user-info .photo input  { border: 1px #dea77e solid; width: 170px; _width: 180px; padding: 5px; _height: 29px; margin-bottom: 4px; color: #956f5a; }
#maincontent #user-info .photo input:focus  { border-color: #000; }
#maincontent #user-info .photo input.submit { width: 70px; height: 29px; background: #ca5f2b url('images/btn-prihlasit.gif') no-repeat 0 0; text-align: center; line-height: 29px; border: 0; padding: 0; padding-bottom: 4px; color: #D5F1FF; margin-top: 1px; }
#maincontent #user-info .photo input:hover.submit { background-position: 0 100%; color: #fff; }
#maincontent #user-info .photo input#pass { width: 115px; height: 17px; _height: 29px; }
#maincontent #user-info .avatar { width: 154px !important; height: 155px; overflow: hidden; background: transparent url('images/bg-avatar.gif') no-repeat 0 0; padding: 0; margin-bottom: 5px; }
#maincontent #user-info .avatar img { display: block; position: relative; left: 5px; top: 5px; }
#maincontent #user-info .bottom { position: absolute; left: 0; _left: -13px; width: 224px; height: 24px; background: transparent url('images/bg-user-info-bottom.gif') no-repeat 0 0; }
#maincontent #user-info .box  { background: transparent url('images/bg-box-top.gif') no-repeat 0 0; position: relative; top: -1px; padding: 30px 7px 12px 7px; }
#maincontent #user-info .box p,  
#maincontent #user-info .box h2  { padding: 0 10px 10px 10px; font-size: 105%; color: #ac7262; }
#maincontent #user-info .box ul { margin-bottom: 0px; margin-left: 0; padding-left: 10px; }
#maincontent #user-info .box p  { color: #275872; font-size: 90%; }
#maincontent #user-info .item  { padding-top: 17px; }
#maincontent #user-info .item h2 a  { color: #ac7262; }
#maincontent #user-info .item.hover { background-color: #fff8f2 !important; }
#maincontent #user-info .item.hover a,
#maincontent #user-info .item a:hover  { color: #ac7262; text-decoration: underline; }
#maincontent #user-info .item p  { padding-top: 17px; font-size: 90%; }
#maincontent #user-info .item ul  { font-size: 90%; color: #275872; }
#maincontent #user-info .item p.first  { padding-top: 0; }

#maincontent #content,
#maincontent #content-full  { background-color: transparent; position: relative; top: -11px; color: #616161; }

#maincontent #content h2,
#maincontent #content-full h2  { color: #d78244; }
#maincontent #content-full #gallery-detail h2 { color: #749b9b; }

#maincontent #content h3 small,
#maincontent #content-full h3 small  { color: #aeaeae; }

#maincontent #content a,
#maincontent #content-full a { color: #749b9b; text-decoration: none; }

#maincontent #content a:hover,
#maincontent #content-full a:hover { text-decoration: underline; }

#maincontent #content .boxes,
#maincontent #content-full .boxes { background-color: #fff; }
#maincontent #content-full .box,
#maincontent #content-full #user-dashboard #group-boxes { border-bottom: #FAE8DB solid 1px; }
#maincontent #content-full .box table { width: 720px !important; }

#maincontent #content .boxes .box,
#maincontent #content-full .boxes .box { margin: 0 0 12px 0; }

#maincontent #content .box  { border-bottom: #fae8db solid 1px; }

#maincontent #content .small-avatar,
#maincontent #content-full .small-avatar { display: block; width: 46px; height: 47px; background: transparent url('images/bg-small-avatar.gif') no-repeat 0 0; float: left; overflow: hidden; margin-right: 10px; }

#maincontent #content .small-avatar img,
#maincontent #content-full .small-avatar img { float: none; position: relative; left: 6px; top: 3px; margin-right: 0; display: block; }

#maincontent #content .bigger-avatar,
#maincontent #content-full .bigger-avatar  { display: block; width: 58px; height: 71px; background: transparent url('images/bg-bigger-shadow.gif') no-repeat 0 0; float: left; overflow: hidden; margin-right: 10px; }

#maincontent #content .bigger-avatar img,
#maincontent #content-full .bigger-avatar img { float: none; position: relative; left: 6px; top: 4px; margin-right: 0; display: block; }



#maincontent #content #tabs,
#maincontent #content-full #tabs { background-color: transparent !important; }

#maincontent #content #tabs li a,
#maincontent #content-full #tabs li a { background: #db6d1d url('images/bg-menu-li.gif') no-repeat 0 0; height: 26px; line-height: 26px; color: #f7ece7; font-weight: bold; }

#maincontent #content #tabs li a:hover,
#maincontent #content-full #tabs li a:hover { color: #f7ece7; text-decoration: none; background-position: 0 -26px; }


#maincontent #content #tabs li.active a:hover,
#maincontent #content-full #tabs li.active a:hover,
#maincontent #content #tabs li.active a,
#maincontent #content-full #tabs li.active a  { color: #616161; text-decoration: none; background-position: 0 -52px; }
#maincontent #content #tabs a { width: 95px; }

#maincontent #content #friends.box  { padding: 0; margin-bottom: 0; background-color: #fff; border-bottom: 0 !important; }
#maincontent #content #friends h2  { background: #fff url('images/bg-friends-top.gif') no-repeat 0 0; padding: 0px 10px 0px 10px; margin-bottom: 0; height: 36px; line-height: 36px; }
#maincontent #content #friends .inner { background: #fff url('images/bg-friends-inner.gif') repeat-y 0 0; padding: 0 10px 0 10px; }
#maincontent #content #friends .item.last { margin-bottom: 0; }
#maincontent #content #friends .bottom  { display: block; height: 19px; background: transparent url('images/bg-friends-bottom.gif') no-repeat 0 0; font-size: 1%; }
#maincontent #sidebar { width: 231px; position: relative; right: 5px; top: -11px; background: transparent url('images/bg-sidebar-top.gif') no-repeat 0 0; padding-top: 13px; }
#maincontent #sidebar.narrower  { width: 161px; background-color: transparent !important; background: transparent url('images/bg-sidebar-top-narrow.gif') no-repeat 0 0 !important; right: 10px; }
#maincontent #sidebar .inner  { background: transparent url('images/bg-sidebar-inner.gif') repeat-y 0 0; padding: 0 5px 10px 5px; z-index: 1; min-height: 300px; _height: 300px; }
#maincontent #sidebar.narrower .inner { background: transparent url('images/bg-sidebar-inner-narrow.gif') repeat-y 0 0; min-height: 300px; _height: 300px; }
#maincontent #sidebar.narrower h2 { margin-bottom: 5px; }
#maincontent #sidebar .inner h2,
#maincontent #sidebar .inner h3,
#maincontent #sidebar .inner p { padding: 0 5px 10px 5px; }
#maincontent #sidebar .inner h2,
#maincontent #sidebar .inner h3 { font-size: 105%; color: #ac7262; }
#maincontent #sidebar .inner h2 { padding-bottom: 0; color: #d78244; padding-left: 10px; }
#maincontent #sidebar .inner h3 a {  color: #ac7262;}
#maincontent #sidebar .inner .item { border-bottom: 1px solid #fcf1e9; padding: 10px 5px 5px 5px; color: #275872; z-index: 3; }
#maincontent #sidebar .inner .item.hover  { background-color: #fff8f2; }
#maincontent #sidebar .inner .item.hover a  { color: #ac7262; text-decoration: underline; }
#maincontent #sidebar .inner .box p, #maincontent #sidebar .box .item ul { font-size: 90%; }
#maincontent #sidebar .group-right-options a  { color: #D78244; text-decoration: underline; font-weight: bold; display: block; }
#maincontent #sidebar .group-right-options a:hover  { text-decoration: none; }
#footer { background: transparent url('images/bg-footer.jpg') no-repeat 0 100%; height: 353px; position: relative; }
#footer .inner  { position: relative; top: 256px; font-size: 90%; }
#footer .inner a  { color: #fff; font-weight: bold; }
#footer .inner p  { top: 0; color: #f8e2d0; }
#footer .inner .first { width: 305px; left: 30px; }
#footer .inner .second  { left: 90px; }
#footer .next-links { position: absolute; width: 320px; top: 199px; left: 313px; }
#footer .next-links a { float:left; text-decoration: underline; font-weight: bold; text-align: center; }
#footer .next-links a.btn1  { display: block; width: 131px; _width: 151px; height: 32px; background: url('images/btn-zmenit-motiv.png') no-repeat 0 0; padding-left: 20px; line-height: 28px; color: #fff; }
#footer .next-links a:hover.btn1  { background-position: 0 100%; }
#footer .next-links a.btn2  { display: block; width: 131px; _width: 151px; height: 31px; background: #cc622b url('images/btn-doporucit-motiv.gif') no-repeat 0 0; padding-left: 20px; line-height: 28px; color: #fff; position: relative; left: 17px; }
#footer .next-links a:hover.btn2  { background-position: 0 100%; }
#footer .partners { position: absolute; width: 100%; left: 19px; top: 300px; }
#footer .partners li   { float: left; width: 117px; list-style-type: none; margin-right: 2px; }
#footer .partners li a  { display: block; font-size: 90%; text-align: center; line-height: 25px; height: 25px; width: 117px; overflow: hidden; color: #f7e1cf; background: url('images/bg-partners-link.gif') no-repeat 0 0; }
#footer .partners li a:hover  { color: #fff; background-position: 0 100%; text-decoration: none; }

.books-search-form  { width: 339px; position: relative; }
.books-search-form input.text  { width: 251px; _width: 270px; height: 20px; _height: 32px; padding: 7px 6px 6px 13px; &padding: 9px 6px 6px 13px; font-size: 14px; background: transparent url('images/bg-search-input-wb.gif') no-repeat 0 0; border: 0; position: absolute; top: 0; left: 0; }
.books-search-form input.submit { width: 69px !important; height: 32px; background: url('images/bg-search-button-wb.gif') no-repeat 0 0; left: 270px; color: #f7ece7; font-size: 14px; overflow: hidden; padding-bottom: 3px; font-weight: bold; border: 0; cursor: hand; cursor: pointer; }
.books-search-form input:hover.submit { background-position: 0 100%; }