html, body {font-size: 100.01%;}
html {background: url('wrapper-bg.gif') left 223px repeat-x;}
body {width: 100%; padding: 0; margin: 0; background: url('header.jpg') left top repeat-x; color: #666; font-family: arial, tahoma, verdana, sans-serif; font-size: 80%;}
                                       /* background: url('header1.jpg') left top repeat-x; */
h1, h2, h3, h4, h5, h6 {color: #be0a11; margin: 0.5em 0; overflow: hidden;}
h1, div#content.hp h2 {font-size: 160%; font-weight: normal;}
h2, div#content.hp h3 {font-size: 140%; font-weight: normal; color: #666;}
h3, div#content.hp h4 {font-size: 135%; font-weight: normal; color: #666;}
h4 {font-size: 100%;}
h5, h6 {font-size: 100%; font-weight: normal;}

p {line-height: 130%; margin: 0.75em 0;}

a {color: #be0a11;}
a:hover {text-decoration: none;}
a img {border: 0;}

sub,sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr,acronym {cursor: help;}
address {font-style: normal;}

div#right ul, div#right li, div#right p {overflow: hidden;}

ul, ol, dl, dt, dd, blockquote {margin: 0; padding: 0;}
li {margin: 0.5em 0; line-height: 130%; list-style-type: disc;}

form {margin: 0;}
input.text {color: #be0a11; border: 1px solid #ccc; height: 16px; padding: 2px; font-size: 95%;}
input.submit {color: #fff; border: 1px solid #ccc; font-weight: bold; border: 0; cursor: pointer;}

textarea {font-family: tahoma, verdana, sans-serif; font-size: 100%; color: #666;}

.cleaner {clear: both; visibility: hidden; font-size: 0px; height: 0px; line-height: 0px; }

div#wrapper {width: 960px; margin: 0 auto; position: relative; }
/*div#bg-1 {background: transparent url('right-bg-center.jpg') 658px 250px no-repeat; _background: none;}*/
div#bg-1 {background: none;}
/*div#bg-2 {background: transparent url('right-bg-bottom.png') 658px bottom no-repeat; _background: none; padding-bottom: 50px;}*/
div#bg-2 {background: none; padding-bottom: 5px;}


/* HEADER */
div#header {height: 223px; width: 960px; position: absolute; top: 0; left: 0; }

h1#logo, strong#logo {font-size: 280%; margin: 0; position: relative; z-index: 10; top: -1px; left: 15px; width: 500px; height: 174px; text-transform: none; /*background: url('logo-img.gif') no-repeat; */padding: 0;margin-bottom:13px; color:#FFFFFF; }
#logo a {color: #fff; text-decoration: none;}
strong#logo {font-weight: normal; font-size: 280%; color: #fff; text-decoration: none; /*margin: 43px 0 0 103px;*/ display: inline-block; width: 260px; height: 126px;}
#logo small {font-size: 42%; vertical-align: top;}

a.add-blog {display: block; width: 155px; height: 38px; background: url('add-blog.gif') no-repeat; color: #be0a11; font-weight: bold; text-decoration: none; line-height: 33px; text-align: center; position: absolute; top: 45px; right: 30px; text-transform:uppercase;}
a.add-blog-dark {background: url('add-blog-orange2.gif') no-repeat; color: #707070}
a.add-blog2 {right: 195px;}
a.add-blog3 {right: 360px;}
a.favorite-authors {display: block; width: 185px; height: 38px; background: url('favorite-authors.gif') no-repeat; color: #be0a11; font-weight: bold; text-decoration: none; line-height: 33px; text-align: center; position: absolute; top: 45px; }

div#header p.log {position: absolute; top: 75px; right: 35px; color: #fff;}
div#header p.log * {color: #fff; }
div#header p.log strong a {color: #fff; font-weight:bold; }

div#header p.log span, div#header p.log a {background: url('log-separator.png') right top no-repeat; padding: 0 13px; float: left;}
div#header p.log a.last {background: url(''); padding-right: 0;}

div#header form#login {position: absolute; top: 75px; right: 45px;}
div#header form#login input.text {width: 98px; border: 1px solid #be0a11;}
div#header form#login input.submit {background: #60c0e0 url('submit-header.png') left top no-repeat}
div#header form#login a.forget {position: absolute; top: 38px; right: 17px; color: #a5dbed;}

div#header form#login a#stornoLogin {color: #fff; text-decoration: none; font-size: 180%; position: relative; top: 2px; left: 10px}
a#stornoLogin {color: #f00; text-decoration: none; font-size: 180%; float: right; position: relative; top: 2px; left: 10px}
div#header form#login span#bad-pass {color: #fff; font-weight: bold; position:relative;top:-25px;left:154px;}


ul#menu {width: 730px; clear: both; font-size: 140%; position: absolute; bottom: 0; left: 0; background: #fff; z-index:2;}
ul#menu li {  margin: 0; list-style-type: none; width:170px; float:left; /*margin-right:80px; _margin-right:0px;*/}
ul#menu li.first {margin-left:0px; _margin-left:0px;}
ul#menu li a, ul#menu li span {display: block; text-align: center; color: #000; height: 35px; padding: 15px 5px 0 5px; text-transform: uppercase; text-decoration: underline;}
* html ul#menu li a, * html ul#menu li span {height: 34px;}
/* submenu */
ul#menu a:hover, ul#menu li:hover a, ul#menu li.hover a, ul#menu li:hover span, ul#menu li.hover span {background-color: #eee; color: #000; text-decoration: none;}
ul#menu li ul {position: absolute; visibility: hidden; white-space: nowrap; background: #940000 url('menu-ul-ul.gif') left top repeat-x; color: #fff; padding: 0 0 10px; margin: 0; }
ul#menu li:hover ul, ul#menu li.hover ul {visibility: visible;width: 192px;}
ul#menu li li {height: 25px;}
ul#menu li:hover ul li a, #menu li.hover ul li a {text-align: left; width: 167px; float: none; margin: 0; background: none; position: relative; height: 25px; line-height: 25px; color: #fff; font-size: 90%; padding: 0 0 0 25px; text-transform: none; font-weight: normal;}
ul#menu li:hover ul li a.active, #menu li.hover ul li a.active {font-weight: bold; background-color:#be0a11;}
ul#menu li ul li a:hover {background-color: #eee; /*#51b9dc*/}
ul#menu li, ul#menu li span {behavior: url('design/hover.htc')}

form#search {margin: 11px 0 0; padding: 0 0 0 15px; float: left; position: absolute; top: 262px; right: 17px;}
form#search input {float: left;}
input.submit {background: #47b6da url('input-submit.png') left top no-repeat; width: 72px; height: 22px;}
form#search input.text {width: 126px; margin: 0 7px 0 0;}


col.nowrap {white-space: nowrap;}

/* CONTENT */
/* width: 550px */
div#content.hp {margin-top: 30px;}
/*div#content {min-height: 300px; width: 610px; float: left; margin-top: 223px; padding: 0 30px 0 20px; background: url('right-bg-top.png') right top no-repeat; _background: none;}*/
div#content {min-height: 300px; width: 610px; float: left; margin-top: 223px; padding: 0 30px 0 20px; background: none; _background: none;}
/*div.relative {position: relative;}*/

div.reg-blogu {width: 630px !important; padding-right: 60px !important;} /* registrace blogu */
div.no-line {background: url('') !important; padding-bottom: 40px !important;}
div#content h1, div#content.hp h2, div#content-big h1 {font-size: 160%; padding: 30px 0 10px; margin: 0; clear: both; color: #be0a11; width: 100%; overflow: hidden;}
div#content h1 small, div#content-big h1 small {color: #666; font-weight: bold;}

h1, div#content.hp h2 {text-transform: uppercase}

div#results ul {margin-bottom: 30px;}
div#results h2 {overflow: visible; margin: 30px 0 0;}
div#results p {margin: 5px 0 0;}

/*div#content h2, div#content h3, div#content h4 {margin-top: 30px; }*/
div#content h2 big, div#content h3 big, div#content h4 big {color: #be0a11;}
div#content img {float: left; margin: 2px 20px 10px 0;}

ul#breadcrumbs {margin: 17px 0 15px -10px; float: left;}
ul#breadcrumbs li {float: left; background: url('footer-nav-sep.png') right 5px no-repeat; margin: 0; list-style-type: none}
ul#breadcrumbs li.last {background: url(''); padding: 0 13px;}
ul#breadcrumbs li a {float: left; padding: 0 13px; }
ul#breadcrumbs li a.home, ul#breadcrumbs li.home {background: url('bread-home.gif') left 3px no-repeat; padding-left: 16px;}

p#sort {float: right; /*margin: 20px 30px 0 0;*/ position: absolute; top: 273px; right: 275px; display: inline !important;}

div.article {height: auto;  padding: 10px 0 10px 0;}
/*div.article.index {padding: 0 0 0;} */
div.article.index .article-text{ float:left; width:487px;}
div.article.index .article-ranking{ height:18px; padding:5px 10px 0 0; margin:2px 0 5px 0; #margin:2px 0 0 0;text-align:right;background: url('bg-awards.png') right no-repeat; float:right; width:200px;}
div.article.index .article-ranking strong {color:#000000; padding-bottom:5px;}
div.article.index .article-ranking-green{ height:18px; padding:5px 10px 0 0; margin:2px 0 5px 0; #margin:2px 0 0 0;text-align:right;background: url('bg-awards-green.png') right no-repeat; float:right; width:200px;}
div.article.index .article-ranking-green strong {color:#fff; padding-bottom:5px;}

div.article h2 a, div.article h3 a {color: #666;}                                           
div.article h2, div.article h3 {margin: 0 ; float: left;}
div.article.ad-big p { clear:both; margin:5px 0;}
div.article h2 a:hover, div.article h3 a:hover {color: #be0a11; text-decoration: underline;}

div.article p.perex {clear: both; margin: 5px 0; overflow: hidden; font-size: 90%; height:46px;}
div.article p.info { margin: 0; font-size: 86%;}
div.article p.info span.left-text { float:left;}
div.article .info span.more {color: #be0a11; float: right; font-size: 130%;margin-top:-2px; }
div.article .info span.more a strong {text-transform: uppercase;}
div.article big.more { color:#BE0A11; float:right; font-size:110%;}
div.article p.info.inzerce { float:left; margin:0; }

div.article img.ranking {position:relative; bottom:0px; left:370px; }

div.article .article-img { float:left; width:105px; height:120px; margin-right:10px;}
div.article .article-img img { border: 1px solid #666666; }
/*div.article .line {background: url('article-bg.png')  no-repeat; width:606px; height:2px; float:left; }*/
div.article .line {background: none; width:606px; height:2px; float:left; }

.uvod p {font-size:90%;}
.uvod { /*background: url('soukup.png') no-repeat right bottom; */width:606px;; height:auto; border-bottom: 1px solid #000000;}
div#content.hp .uvod h2 {text-transform : none; padding-bottom:0px; padding-top:15px;}
.uvod h2 span {color: #666666;}
.uvod .signature { padding-left:350px; font-style:italic;}
.uvod p.signature { position:relative; top:-10px;}
.sort-form { float: right; padding-top:11px; }
.sort-form.top {margin-top:-55px;}
.sort-form input{ background: url('bg-input-search.png') repeat-x; border:1px solid #D4D6D6; height:19px;}
.sort-form input.submit {background:#47B6DA url(input-submit.png) no-repeat scroll left top; height:22px; width:72px; border:none;}
.sort-form input {width:65px;}
.sort-form select {width:147px;} 
.sort-form th,.sort-form td  { font-weight:normal; font-size:90%;height:23px; }
.sort-form th.odsaz { padding-left: 30px;} 
div#content .sort-form img {margin:0px; float:none;}
span.pipe { margin: 0 10px 0 10px;}

div#content p.ad, div#content-big p.ad {color: #000; padding: 15px 0 0; width: 100%; clear: both; margin: 0; font-size: 85%;}
div#content-big p.ad {padding: 10px 0 20px;}
div#content.hp p.ad {padding: 35px 0 0;}
div#content p.ad small, div#content-big p.ad small {color: #666;}
div.article.last {background: url('');}
div.article.ad-big p.inzerce-text { clear:none;}
div#content .inzerce-img { float:right; margin: 2px 0 5px 10px;}

#content li, #content-big li {list-style-type: disc; padding-left: 10px; margin-left: 20px;}


div.ad-big {background: #f2f2f2; padding: 23px 30px 20px 17px; margin-left: -17px; position: relative; margin-top: 15px; margin-bottom:10px; height:125px;}
div.ad-big small.right {float: right; font-size:70%;}
div#content div.ad-big h2, div#content div.ad-big h3 {margin: 0;}
div#content div.ad-big h2 a, div#content div.ad-big h3 a {color: #be0a11;}

/* places */
div.article span.left {float: left; margin: 24px 0 0 4px; height: 22px; line-height: 22px;}
div.article span.place {padding-top: 0;} 
span.place {padding: 5px 0 0 5px;  width: 122px; margin: 30px 0 0 10px; float: left; position: relative; overflow: hidden; text-decoration: none; display: inline !important;}
div.article span.place, div.article, span.place span {display: block;}
span.place span {position: absolute; left: 0; top: 0; z-index: 1; width: 22px; height: 21px; }
span.place1 span {background: url('article-1.gif') left top no-repeat;}
span.place2 span {background: url('article-2.gif') left top no-repeat;}
span.place3 span {background: url('article-3.gif') left top no-repeat;}
span.left span.misto {margin: 2px 0 0 26px; background: url('')}

table#articles span.place, div#auth span.place {position: relative; top: -2px; padding-right: 10px; padding-left: 8px; float: none; display: inline-block;}
table#articles span.place, table#articles span.place span, div#auth span.place, div#auth span.place span {display: inline;}

/* blog registration */
ul#registration {float: left; width: 100%; margin-top: 25px; border-collapse: collapse;}
ul#registration li, a.next-step, input.next-step {background: #be0a11 url('blog-reg.gif') left top no-repeat; border: 0; padding: 0; list-style-type: none; float: left; width: 212px; height: 35px; line-height: 35px; text-transform: uppercase; font-weight: bold; margin: 0 3px 0 0; }
ul#registration li.last, a.next-step, input.next-step {margin: 0; width: 200px;}
ul#registration li span {text-align: center; width: 200px; float: left; color: #fff; }
ul#registration li span.inactive {background: #fff; color: #be0a11; border: 1px solid #ccc;}
ul#registration li span.inactive a {color: #be0a11;}
ul#registration li a {display: block; color: #fff; text-decoration: none;}
input.next-step {cursor: pointer;}

div.error_mail {width: 400px; border: 2px solid #f60; background: #f5eff2 url('../design/failure.gif') 75px 52px no-repeat; /* bg-top: 52px */ position: absolute; top: 50px; left: 60px; padding: 50px 30px 50px 150px; z-index:100;}
div.error_mail p {font-size: 1.3em; font-weight: bold; margin-top: 0;}

div.error_mail form {font-size: 1em; margin-top: 1em;}
div.error_mail form input {margin-bottom: 6px;}


/*form#reg {margin-top: 20px;}
form#reg span, form#reg label {font-size: 85%; line-height: 1.3em;}
form#reg span.hint {color: #be0a11; text-transform: uppercase}
form#reg span.green-hint {font-weight: bold; color: #017f0a;}
form#reg span.error {color: #d22525; text-transform: uppercase; font-weight: bold;}
form#reg a {font-weight: bold;}

form#reg td.top {vertical-align: top;}
form#reg input.text {width: 173px; height: 18px; margin-right: 10px; border: 1px solid #ccc;}
form#reg input.checkbox {padding-left: 0; position: relative; top: 2px; margin-left: 0; margin-right: 8px;}
form#reg tr.padding td {padding-top: 12px;}*/
form#reg {margin-top: 20px;}
form#reg span, form#reg label {font-size: 85%; line-height: 1.3em;}
form#reg span.hint {color: #be0a11; text-transform: uppercase}
form#reg span.green-hint {font-weight: bold; color: #017f0a; position: relative; top: 15px; left: -226px;}
form#reg span.blog-email {position:relative; left:0px; top:0px;}
form#reg span.error {color: #d22525; text-transform: uppercase; font-weight: bold; position: relative; top: 15px; left: -226px;}
form#reg span.email { position: relative; top: 0px; left: 0px;}
form#reg a {font-weight: bold;}

form#reg tr div.relative {position: relative;}
form#reg tr div.relative div {position: absolute; top: 0; left: 0; width: 500px;}
form#reg td.top {vertical-align: top;}
form#reg input.text {width: 173px; height: 18px; margin-right: 10px; border: 1px solid #ccc;}

form#reg span#http {width: 40px; text-align: right; display: inline-block; font-size: 100%;}
form#reg span#bbb {font-size: 100%; display: inline-block; position: relative; left: 183px; top: -11px}

form#reg span.urlhint {position: absolute; top: 10px; left: -226px;}
form#reg span.urlhint2 {left: -160px;}

form#reg span#http, form#reg input.url {position: relative; top: 10px;}
form#reg input.url {width: 133px;}
form#reg span#bbb {margin-bottom: 20px}

/* bloger profile */
div#content-big div.left {width: 450px;}
div#content-big div.left p.short {width: 310px; float: left;}
form#profile {float: right; width: 270px;}
div#content-big div.left form#profile table {margin-left: 15px; display: inline;}

form#profile th {text-align: left; font-weight: normal;}
form#profile td {color: #be0a11;}

form#profile tr.margin th, div#content-big div.left form#profile tr.margin td {padding-top: 15px;}

form#profile label {width: 90px;}
form#profile input.text {width: 173px;}
form#profile input.submit {margin-left: 95px}

form.autorizace {width: 100% !important}
form.autorizace th, form.autorizace td {padding: 5px 15px;}

form#code {margin: 0 0 20px;}
form#code p label {padding: 0 20px 0 0; font-weight: bold;}

div#content-big div.left div.gray2 {background: #f2f2f2; padding: 20px 40px 20px 20px; margin-bottom: 25px;}

div#content-big div.left div.photo {float: left; width: 90px;}
div#content-big div.left div.photo img {border: 1px solid #a9cfda; float: left; margin: 12px 0 5px; display: inline;}
div#content-big div.left div.photo a {width: 90px; text-decoration: none; display: inline-block; text-align: center;}
div#content-big div.left div.photo a span {background: #fff; color: #be0a11; border: 1px solid #f5f5f5; display: inline-block; width: 90px;}
div#content-big div.left div.photo a:hover span {background: #be0a11; color: #fff; border: 1px solid #f5f5f5;}

div#content-big div.left h3.left {color: #6a6a6a; font-weight: bold; font-size: 125%;}
div#content h3.left-disc {width: 610px; overflow: hidden;}
div#content-big div.left a.edit {background: #47b6da url('submit-form.png') left top repeat-x; border: 1px solid #19a3d1; color: #fff; display: inline-block; text-decoration: none; font-weight: bold; width: 68px; height: 20px; line-height: 20px; text-align: center;}
div#content-big div.left textarea {width: 436px; height: 120px; clear: both; padding: 0 0 0 10px;}
div#content-big div.left a.save {margin-top: 15px; background: #47b6da url('save.png') left top repeat-x; float: right; border: 1px solid #19a3d1; color: #fff; display: inline-block; text-decoration: none; font-weight: bold; width: 203px; height: 33px; line-height: 33px; text-align: center; text-transform: uppercase;}

div#content-big div.left h3.left, div#content-big div.left a.edit {margin: 25px 0 5px}
div#content-big div.left a.short {margin: 0 0 5px}

div#content-big div.right div#auth {width: 400px;}
div#content-big div.right div#auth h2.small {font-size: 140%; text-transform: none;}
div#content-big div.right div#auth div.suc-fail {background: #fff; padding: 0 0 40px 50px}

div#content-big div.right div#auth div#success {background: url('success-small.gif') left top no-repeat;}
div#content-big div.right div#auth div#success h3 {color: #be0a11;}

div#content-big div.right div#auth div#failure {background: url('failure-small.gif') left top no-repeat;}
div#content-big div.right div#auth div#failure h3 {color: #c00;}

div#content-big div.right div#auth h4.gray {color: #666}

div.fail-reg {height: 42px !important; padding: 18px 0 0 140px}

/* article detail */
div#content p.author {width: 100%; float: right; text-align: right; font-size: 85%;}
div#content p.top.author {width: auto; /*margin-top: -21px;*/ float: right; position: absolute; right: 332px; top: 290px; margin: 0; float: none; padding: 0;}
div#content p.anotace {overflow: hidden;}

a.next-step, input.next-step {color: #fff; text-align: center; margin: 20px 0 0 79px; display: inline;}
input.left-next-step {margin-left: 0;}
input.left-next-step-float {float: left; margin: 15px 30px 0 0 !important;}
a.authorization {position: relative; margin: 45px 0 0;}

div.question {padding: 20px 140px; width: 350px; background: #eff2f5 url('registration-question.gif') 75px center no-repeat;}
div#content div.question h2 {color: #be0a11; margin: 0; }
div.question p {margin: 0.5em 0 0;}
div.question a {font-weight: bold;}

div.gray {background: #eff2f5; padding: 20px;}
div#content div.gray h2 {margin-top: 0; color: #be0a11;}
div#content div.gray h2.right {float: right; width: 150px; text-align: left; margin-bottom: 0;}
div#content div.gray strong {color: #be0a11;}

div.gray form {width: 150px; clear: right; margin-left: 100px; padding-top: 0;}

div.gray input.text {width: 148px;}
div.gray input {margin: 2px 0}

div.gray form#mail-info {width: 240px; float: right; margin: 0;}
div.gray form#mail-info input {float: left;}
div.gray form#mail-info input.text {margin-right: 10px;}

form.blogger2 {width: 500px !important;}
form.blogger2 div.gray {margin: 25px 0}
form.blogger2 input.next-step {margin-right: 40px !important;}

/* discussion */
div.disc {padding-bottom: 20px; clear: both;}
div.disc h3, div.disc h4 {font-weight: bold;}
div.disc h4, div.disc p, div#content div.disc div.answer h3 {color: #666; margin: 0; padding: 0; font-size: 90%;}
div.disc p {overflow: hidden;}
div.disc a.more {display: inline-block; margin-top: 25px;}

div.disc ul li h4.my-answer, div.disc ul li h4.my-answer span, div.disc ul li p.my-answer {background: #be0a11; color: #fff; }
div.disc ul li h4.my-answer {margin-top: 0; padding-top: 0.5em;}

/* user registration */
div.question form.login {margin-top: 25px;}


/* new article */
form#new-article {position: relative;}
form#new-article label {float: left;}
form#new-article label.bold {width: 107px; font-size: 120%; font-weight: bold;}
form#new-article label.textarea {margin: 17px 0 7px}

form#new-article input.text {width: 490px; float: left; color: #666;}
form#new-article input.text, form#new-article textarea {border: 1px solid #ccc; padding-left: 6px;}

form#new-article textarea {width: 600px; clear: left;}
form#new-article select {margin: 7px 0 0 10px; float: left; display: inline;}

form#new-article p.hint {float: right;}
form#new-article p.hint small, form#new-article span.hint small {font-size: 85%;}
form#new-article span.hint {width: 235px; display: inline-block;}

form#new-article .margin {margin-top: 15px;}
form#new-article strong {color: #be0a11;}

form#new-article input.submit {width: 171px; height: 31px; background: url('submit-form.png') left top repeat-x; float: right; margin: 40px 0 0 35px; text-transform: uppercase; float: right; border: 1px solid #19a3d1}
form#new-article input.white {background: #fff; color: #be0a11; border: 1px solid #ccc; float: left; margin: 40px 15px 0 0; text-transform: none;}
form#new-article input.edit {margin-right: 0;}

form#new-article p.relative span {position: absolute; top: 47px; left: 175px; clear: both;}
form#new-article p.relative {position: relative;}

form#new-article input.image {position: absolute; top: 75px; right: -340px; width: 237px;}

small.count {padding-top: 18px; font-size: 85%;}
small.count span {color: #be0a11;}

div.disc ul {padding: 1em 0;/* margin-top: 15px;*/}
div.disc ul li {background: #f3f3f3; margin: -20px -20px 0 0; padding: 20px 20px 0 ; list-style-type: none}
div.disc ul li li {background: #fff; padding: 0 20px; margin: 0 -20px;}

div.disc ul ul {margin-top: 0;}
div.disc ul ul li {padding-top: 10px;}
div.disc ul ul li {margin-top: 20px;}
div.disc ul ul ul li {margin-top: 0px;}

div.disc ul ul, div.disc ul.last {border: 0; padding: 0}
div.disc ul.last {padding: 1em 0;}

div.disc ul ul ul {padding-left: 12px;}
div#content div.disc ul h4 {margin-top: 0;}
div.disc ul ul h3 span, div.disc ul ul h4 {padding: 0 0 0 10px; background: url('discussion-re.gif') left 5px no-repeat;}
div.disc ul h3 span, div.disc ul ul h4 span {color: #be0a11; font-weight: normal;}
div.discussion-big ul h3 span {padding: 0 0 0 10px;}
div.disc ul h3 span {background: url('');}

div.disc ul ul p {padding: 0 0 0 10px;}
div.disc ul ul ul ul ul ul  {padding-left: 0;}

div.disc div.answer {background: #f3f3f3; padding: 20px 20px 20px 8px; margin-top: 15px;}
div.disc ul ul div.answer {padding: 20px;}
div#content div.disc div.answer h2 {margin-top: 0; color: #be0a11;}
div.disc textarea {width: 446px; height: 50px; border: 1px solid #ccc; padding: 5px 0 5px 7px;}
div.disc input.submit, div.write-new input.submit {display: block; border: 1px solid #fff; padding: 1px 10px; background: #be0a11; color: #fff; margin-top: 3px; cursor: pointer; font-weight: normal; width: auto;}

div.disc p.info {margin-top: 10px; font-size: 85%;}
div.disc ul ul p.info {margin-top: 5px;}
div.disc ul p.info a.answer {background: #be0a11; border: 1px solid #ccc; color: #fff; text-decoration: none; padding: 2px 10px; display: inline-block; margin-left: 5px; position: relative; =top: 2px;}
div.disc ul ul p.info a.answer {background: #f3f3f3; color: #666;} 

div.disc ul li p.my-answer-info {margin-top: 0; margin-bottom: 0; padding-top: 0.75em; padding-bottom: 0.75em;}
div.disc ul li p.my-answer-info a {color: #fff;}


div.discussion-big {padding-bottom: 0;}


div.detail-clanku ul {background: #f3f3f3; margin-right: 0; padding-top: 0;}
div.detail-clanku ul li {padding-bottom: 0; margin: 0; }
#content div.detail-clanku ul li {list-style-type:none;}
div.detail-clanku ul.last li {padding-top: 0;}
div.detail-clanku ul.last li li {padding-top: 10px;} 
div.detail-clanku ul ul li {margin: 0;}
div.detail-clanku, div.detail-clanku ul li li {background: #f3f3f3;}
div.detail-clanku a.more {margin-left: 20px;}

/* first */
div.disc ul li h4, div.disc ul li p, div.disc ul li p.info {background: #f3f3f3; padding: 0 10px 0 20px;}
div.disc ul li h4 {padding-top: 15px;}
div.disc ul li p.info {padding-bottom: 10px;}

/* other */
div.disc ul ul h4, div.disc ul ul p, div.disc ul ul p.info {background: #fff; padding-top: 0;}
div.detail-clanku ul ul h4, div.detail-clanku ul ul p, div.detail-clanku ul ul p.info {background: #f3f3f3;}

/* my answers */
div.disc ul li h4.my-answer, div.disc ul li p.my-answer, div.disc ul li p.my-answer-info {background: #be0a11; margin-left: 0px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
div.disc ul li p.my-answer-info a.answer {background: #f3f3f3; color: #666}
div.disc ul li p.my-answer-info {padding-top: 5px; background: #be0a11; padding-bottom:20px; }

/* user registration */
div.question form.login {margin-top: 25px;}


/* new article */
form#new-article {position: relative;}
form#new-article label {float: left;}
form#new-article label.bold {width: 130px; font-size: 120%; font-weight: bold;}
form#new-article label.textarea {margin: 17px 0 7px; width: 600px;}

form#new-article input.text {width: 470px; float: left; color: #666;}
form#new-article input.text, form#new-article textarea {border: 1px solid #ccc; padding-left: 6px;}

form#new-article textarea {width: 600px; /*clear: left;*/ float: left;}
form#new-article select {margin: 7px 0 0 10px; float: left; display: inline;}
form#new-article p#max-length {float: left; width: 600px;}

form#new-article p.hint {float: right;}
form#new-article p.hint small, form#new-article span.hint small {font-size: 85%;}
form#new-article span.hint {width: 235px; display: inline-block;}

form#new-article .margin {margin-top: 15px;}
form#new-article strong {color: #be0a11;}

form#new-article input.submit {width: 171px; height: 31px; background: url('submit-form.png') left top repeat-x; float: right; margin: 40px 0 0 0; text-transform: uppercase; float: right; border: 1px solid #BE0A11;}
form#new-article input.white {background: #fff; color: #be0a11; border: 1px solid #ccc; float: left; margin: 40px 15px 0 0; text-transform: none;}
form#new-article input.edit {margin-right: 0;}

form#new-article p.relative {position: relative;}
form#new-article p.relative span {position: absolute; top: 38px; left: 175px; clear: both;}
* html form#new-article p.relative span {left: 10px;}

form#new-article input.image, form#new-article input.imagesubmit, span.hint-image, span.hint-editimage {position: absolute; top: 75px; =top: -125px; left: 715px; width: 237px;}
form#new-article input.image2, form#new-article input.imagesubmit2, span.hint-image2, span.hint-editimage2 {position: absolute; top: 175px; =top: -125px; left: 715px; width: 237px;}
* html form#new-article input.image, * html form#new-article span.hint-image, * html form#new-article span.hint-editimage {left: 110px;}
form#new-article input.imagesubmit {background: #47b6da url('input-submit.png') left top no-repeat; border: 0; width: 72px; height: 22px; text-transform: none; cursor: pointer; z-index: 10; top: 65px;}

span.hint-editimage {top: 130px; =top: 0; z-index: 10;}
form#edit-article input.imageedit {position: absolute; =top: 55px; z-index: 10;}
form#edit-article input.imageedit-submit {position: absolute; top: 50px; =top: 80px; z-index: 10;}
form#edit-article input.imageedit-submit2 {position: absolute; top: 60px; =top: 80px; z-index: 10;}
span.hint-image {position: absolute; top: 105px; =top: -95px; left: 715px;}
span.hint-image2 {position: absolute; top: 205px; =top: -95px; left: 715px;}
span.hint-image small, span.hint-editimage small {font-size: 85%;}
span.hint-image2 small {font-size: 85%;}
span.hint-image strong, span.hint-image2 strong, span.hint-editimage strong {color: #be0a11;}

.clear_absolute {position:static !important; top:0px;}

form#new-article input.imageedit-submit {position: absolute; =left: 110px; =top: -95px;}

div.suc-fail2 {padding: 20px 30px 0 180px; height: 40px; }

/*form.editarticle {padding-bottom: 10em !important;}*/

small.count {padding-top: 18px; font-size: 85%;}
small.count span {color: #be0a11;}

span.hint-profil {position: absolute; top: 0px; left: 250px; width: 150px;}
span.hint-profil small {font-size: 85%;}
span.hint-profil strong {color: #be0a11;}

/* authorization code */
form#auth-code {width: 400px; margin-top: 10px;}
form#auth-code label, form#auth-code input {float: left;}
form#auth-code label {padding-right: 15px;}
form#auth-code input {display: block; }
form#auth-code input#code {position: relative; top: -2px;}

div.write-new {background: #FF9D85; padding: 20px;}
div#content div.write-new h2 {margin-top: 0; color: #fff;}

div.write-new input.long, div.write-new textarea {width: 98%; padding-left: 5px; padding-right: 0; border: 1px solid #be0a11}
div.write-new textarea {margin: 5px 0}

a.back {background: #be0a11 url('back.gif') 5px 4px no-repeat; padding: 0 5px 1px 18px; position: absolute; right: 270px; top: 285px; color: #fff; text-decoration: none; border: 1px solid #ccc;}
a.back:hover {text-decoration: underline}

/* success, failure */
div.suc-fail {padding: 20px 100px 20px 180px; min-height: 60px; }
* html div.suc-fail {height: 60px;}

div#success h2, div#failure h2 {margin-top: 0;}
div#failure h2 {color: #d22525;}
div#success h2 {color: #2591b6;}

div#success {background: #eff2f5 url('success.gif') 75px center no-repeat;}
div#failure {background: #f5eff2 url('failure.gif') 75px center no-repeat;}

/* MOJE CLANKY */
table#articles {border-collapse: collapse; font-size: 90%; width: 100%; position: relative;}
table#articles tr.odd {background: #f2f2f2;}

table#articles th {font-weight: normal; text-align: left; padding: 0 5px; height: 30px; position: relative;}
table#articles td {padding: 6px 5px 6px 5px;}
table#articles td.red {color: #c00;}
table#articles td.blue {color: #be0a11;}
table#articles strong {color: #be0a11;}

table#articles td.place {width: 60px;}
table#articles td.place img, table#articles td.place span {float: left;}
table#articles td.place span {padding: 3px 0 0 6px;}

table#articles a.button {float: left; width: 88px; height: 17px; line-height: 17px; border: 1px solid #d5d5d5; text-align: center; display: inline-block; text-decoration: none; background: #fff; margin-right: 5px;}
table#articles a.edit:hover {background: #be0a11; color: #fff;}
table#articles a.delete {color: #c00;}
table#articles a.delete:hover {color: #fff; background: #c00;}

table#articles span.place {margin-left: 0; padding-top: 0;}
table#articles span.buttons {width: 190px; display: inline-block;}

table#articles td:first-child {white-space: normal;} /* nazev */
table#articles col.normal {white-space: normal;} /* nazev */

table#articles td:first-child+td,
table#articles td:first-child+td+td,
table#articles td:first-child+td+td+td,
table#articles td:first-child+td+td+td+td,
table#articles td:first-child+td+td+td+td+td,
table#articles td:first-child+td+td+td+td+td+td {white-space: nowrap;}
table#articles col.nowrap {white-space: nowrap;}

div#status {position: relative; top: -30px; left: 175px;}
div#status span {float: left; position: relative; top: 2px;}
div#status form {float: left; margin-right: 20px; position: relative; top: -1px;}
div#status a.new {float: left;}

div.hint {display:none;}
.tipbox { display: none; border: 1px solid #be0a11; width: 225px; padding: 12px; background: #fff url('hint-bg.gif') left top no-repeat;}
.tipbox p {margin:0;}

/* SITEMAP */
ul#sitemap ul {margin-left: 20px;}
ul#sitemap li {list-style-type: none !important; margin: 0; padding: 0;}
ul#sitemap li a, ul#sitemap li span {padding: 0 0 0 15px; background: url('right-li-bg.gif') left 4px no-repeat}


/* BLOGERI */
div#content-big {width: 915px; float: left; margin-top: 223px; padding: 0 0 30px 20px;}
div#content-big h1 {clear: both;}
div#content-big form#search {margin-bottom: 33px; float: right}
div#content-big p#sort {/*margin-top: 22px; margin-right: 40px; display: inline !important;*/}

div#content h1.left {float: left; width: 380px; clear: both;}

div.bloger {width: 206px; height: 147px; margin: 10px 30px 0 0; position: relative; font-size: 85%; float: left;}
div#content-big div.bloger-last {margin-right: 0;}

div.bloger img {margin: 2px 10px 5px 0; float: left;}
div.bloger a.name {font-weight: bold;}
div.bloger dl {margin-top: 0.5em;}
div.bloger dt {margin-top: 2px;}
div.bloger dd {color: #be0a11; font-weight: bold; margin-top: 0;}
div.bloger input.favorite {float: left; margin: 0 5px 0 0; background: #fff; font-size: 100%; color: #be0a11; cursor: pointer; border: 1px solid #d5d5d5; text-decoration: none; width: 90px; text-align: center; textdecoration: unde}
div.bloger input.favorite:hover {color: #fff; background: #be0a11;}
div.bloger a.rss2 {float: left;}

/* user profile */
form#profile {width: 300px; float: left;}
form#profile label {width: 120px; float: left;}
form#profile input.text {float: left; width: 173px;}
form#profile .margin {margin-top: 10px;}

form#profile label, form#profile input, table#profile input {margin: 2px 0}
form#profile input.submit, table#profile input.submit {float: left; width: 178px; margin: 25px -3px 0 120px; display: inline; padding: 0; background: #56bcdd url('submit-form.png') left center repeat-x; border: 1px solid #19a3d1;}
table#profile input.submit {margin-left: 0;}

table#profile {float: left; margin-top: 10px;}
table#profile th, table#profile td {padding: 3px 10px; text-align: left; font-weight: normal;}

table#profile th {padding-left: 0;}
table#profile td {padding-left: 30px; color: #be0a11;}
table#profile tr.padding th, table#profile tr.padding td {padding-top: 15px;}

div#auth {float: right; width: 500px; display: inline; text-align: left; font-size: 115%;}
div#auth h2 {color: #be0a11; font-size: 180%; text-transform: uppercase; }
div#auth p.margin {margin: 60px 0 15px;}
div#auth a#create {padding: 0 50px; background: #56bcdd url('submit-form.png') left center repeat-x; color: #fff; height: 33px; line-height: 33px; display: inline-block; font-weight: bold; text-decoration: none; border: 1px solid #19a3d1}

div#auth a.button {padding: 0 10px; height: 20px; line-height: 20px; text-align: center; background: url('submit-form.png') left top repeat-x; text-transform: uppercase; text-decoration: none; display: inline-block; color: #fff; font-weight: bold; border: 1px solid #19a3d1; margin: 0 10px 10px 0}
div#loadPhoto {display: none; position: relative;}

/* search results */
.results ul li {margin: 0 0 40px 0 !important; list-style-type: none !important; padding: 0;}
.results ul li p {margin: 0;}


/* pager */
p.pager {margin: 0 0 0; padding: 25px 0 40px; text-align: center; height: 24px; line-height: 24px; vertical-align: middle; background: url('pager-bg.png') center top no-repeat;}
p.pager.top {margin: 0 0 25px; background-position: center bottom; padding: 25px 0;}
p.discussion {background: url('pager-discussion.gif') center top no-repeat; margin-bottom: 20px;}
#content .discussion ul li { list-style-type:none;}
p.pager a {color: #666;}
p.pager a, p.pager span span {float: left; padding: 0 15px; background: url('pager-separator.png') right center no-repeat; }
p.pager a.image {width: 32px; height: 22px; display: inline-block;}
p.pager a:hover {text-decoration: none; color: #be0a11;}
p.pager span.active {font-weight: bold; font-size: 120%; color: #be0a11;}

p.pager span {display: inline-block;}

p.pager a.image {position: relative; overflow: hidden; text-decoration: none; padding: 0; margin: 1px 0 0;}
p.pager a.first, p.pager a.next {margin-right: 8px;}
p.pager a.prev {margin-right: 15px;}
p.pager a.next {margin-left: 15px; display: inline !important;}
p.pager a.image, p.pager a.image span {width: 32px; height: 22px; display: block; cursor: pointer;}
p.pager a.image span {position: absolute; left: 0; top: 0; z-index: 1;}

p.pager a.first span {background: url('pager-first.png') left top no-repeat;}
p.pager a.prev span {background: url('pager-prev.png') left top no-repeat;}
p.pager a.next span {background: url('pager-next.png') left top no-repeat;}
p.pager a.last span {background: url('pager-last.png') left top no-repeat;}
p.pager a.image:hover span {background-position: left -30px;}

/* RIGHT */
/* width: 275px; 2x */
div#right.hp {margin-top: 2px; padding-left:10px;}
#search.search-hp {position:absolute; top:167px;}
div#right {width: 255px; float: left; margin-top: 235px; padding: 41px 0 0 ; margin-left: -2px; font-size: 95%; background: transparent;/*url('right-bg-center.png') left top repeat-y;*/}
div#right div.box {width: 227px; margin: 0; font-size: 90%; padding:0px 0 0 18px; /* 35px 0 0 25px */background: transparent; /*url('right-bg-center.png') left top repeat-y;*/ position: relative;}
div#right div.box-hp {height: 147px;}
div#right div.box-hp p {height: 4em;}

div#right div.no-height {height: auto; padding-top: 0;}
div#right div.box img {float: left; margin: 0 6px 0 0;}

div#right p.big {font-size: 110%;}
div#right h2.big {text-transform: uppercase; font-size: 130%;}

div#right table.about {border-collapse: collapse; float: left;}
div#right table.about th, div#right table.about td {padding: 3px 0 4px; background: #fff; color: #666; font-weight: bold;}
div#right table.about th {text-align: left; padding-right: 10px; font-weight: normal;}
div#right table.about td {color: #be0a11;}

div#right h2 {font-weight: bold; font-size: 125%; margin-top: 10px;}
div#right h3 {margin: 20px 0 0; font-weight: bold; font-size: 115%; clear: both; padding: 20px 0 0; color: #666; background: url('right-h3-sep.png') center top no-repeat;}
div#right h3.first {background: url('');}

div#right dl {width: 100%; margin: 0.5em 0 0.75em}
div#right dt, div#right dd {margin: 0.5em 0 0;}
div#right dt {width: 110px; float: left;}
div#right dd {width: 65px; float: left; text-align: right; font-weight: bold; color: #be0a11;}

div#right ul li, a.more {background: url('right-li-bg.gif') left 0.4em no-repeat; padding: 0 0 0 17px; list-style-type: none}
div#right ul li a {color: #666;}
a.more {color: #666;}

div#right div.box a.name {font-weight: bold;}

div#right div.box .favorite {color: #be0a11; display: inline-block; height: 17px; width: 90px; text-align: center; border: 1px solid #d5d5d5; text-decoration: none; position: absolute; left: 121px; top: 118px; font-size: 100%; background: #fff;}
div#right div.box .favorite:hover {background: #be0a11; color: #fff;}

div#right div.box input.favorite, div#right div.box input.favorite2, div#content-big .favorite2,  {cursor: pointer; width: 92px; height: 17px; padding-bottom: 3px; font-size: 100%; background: #fff;}
div#right div.box input.favorite2, div#content-big .favorite2,  {width: 90px; margin-right: 8px; }

div#right div.box a.rss {background: url('right-rss.png') 2px 2px no-repeat; padding: 0 0 0 16px; color: #f60; width: 74px; position: absolute; left: 121px; top: 138px;}
div#right div.box-hp a.rss2 {position: absolute; top: 135px; }

div#right div.box .favorite2 {margin-top: 3px;}
div#right div.box input.favorite2 {font-size: 100%; width: 90px; height: 17px; margin-right: 5px;}
div#right div.box input.favorite2:hover {background: #be0a11; color: #fff;}
div#content-big .favorite2, div#right div.box .favorite2 {background: #fff; color: #be0a11; display: inline-block; height: 15px; cursor: pointer; width: 88px; text-align: center; border: 1px solid #d5d5d5; text-decoration: none; float: left;}
div#right div.box .favorite:hover, div#right div.box .favorite2:hover, div#content-big .favorite2,  {border: 1px solid #be0a11; background: red;}

div#content-big a.rss2, div#right div.box a.rss2 {background: url('right-rss.png') 2px 2px no-repeat; padding: 0 0 0 16px; color: #f60; width: 72px; display: inline;}
div#right div.box a.rss:hover, div#right div.box a.rss2:hover, div#content-big a.rss2:hover {background: #f60 url('right-rss-hover.png') 2px 2px no-repeat; color: #fff; border: 1px solid #d5d5d5;}

div#right div.box p.ad {clear: both; font-size: 100%; color: #000;}
div#right div.box p.ad small {display: block; color: #666; font-size: 95%;}

div#right big.blue {color: #be0a11; font-weight: bold;}

div#right p.count {clear: both; float: right; padding: 0 27px 0 0;}
div#right p.count span.blue {color: #be0a11;}

div#right.no-line form#search {margin-bottom: 32px;}                                   /* 276 */

/* new article */
div#right div.box img.new-article {width: 200px; height: 150px;}
div#right div.box a.new-article {color: #666}

div#right dl.new-article {margin-top: 24px; padding: 33px 0 0; background: url('right-h3-sep.png') center top no-repeat;}
div#right dl.new-article dt {width: 90px; clear: both;}

div#right dl.new-article dd span {white-space: nowrap;}
div#right dl.new-article dd {font-weight: bold; text-align: left; width: 110px;}
div#right dl.new-article strong {color: #666;}

div#right dl.new-article .padding {padding: 15px 0 0}
div#right dl.new-article .red {color: #c00; text-decoration: underline;}

div#right div.box img.place {width: 22px; height: 21px; margin-top: -4px;}
div#right div.box p.award {color: #be0a11; font-weight: bold; font-size: 130%; clear: both; padding-top: 20px;}

div#right h2 { font-size:140%; padding:0 0 5px 5px; color: #BE0A11;}
div#right h2 span {color: #666666;}
div#right h2 span a{color: #666666;}
div#right h2.question { margin: 0em 0 0em 10px; padding:0px;}
div#right h2.smoller { font-size:110%; padding-left:0px;}
div#right a.button { background: url('bg-button.png') no-repeat; width:131px; height:31px; color:#ffffff; text-align:center; font-weight:bold; display:block; text-decoration:none;}

div#right .boxik { margin:35px 0 20px 27px;}
div#right ul.last-five li { background:none; font-weight:bold;}
div#right ul.last-five { margin-left:20px;}

.popup, .popup-kategorie, .popup-library {position:absolute; top:160px; left:20px; display:none; z-index:8;}


/* FOOTER */
div#footer {background: #f2f2f2;}

div#footer-inner {width: 960px; margin: 0 auto; padding: 25px 0 0;}
div#footer ul {font-size: 90%;}

div#footer ul#nav li {float: left; margin: 0; list-style-type: none}
div#footer ul#nav li a {float: left; padding: 0 9px; background: url('footer-nav-sep.png') right 5px no-repeat;}
div#footer ul#nav li.last a {background: url('');}

div#footer ul#right-nav {float: right;}
div#footer ul#right-nav li {padding: 0 0 0.76em; margin: 0; list-style-type: none;}
div#footer ul#right-nav li a {padding: 0 9px 0; background: url('footer-right-nav.gif') left 7px no-repeat;}

div#footer ul#right-nav li.orange {padding-left: 9px; background: url('footer-orange.gif') left 5px no-repeat;}
div#footer ul#right-nav li.orange a {background: url('rss.gif') left 2px no-repeat; padding: 2px 9px 2px 20px; color: #f60;}

p#rights {clear: left; padding: 2.5em 0 0 9px; width: 650px}
p#rights span {padding: 0 15px;}

.left {float: left;}
.right {float: right;}.
.overflow {overflow: hidden;}
.notransform {text-transform: none;}


.header-li {position:absolute; top:145px; left:33px; color: #FFFFFF; font-size:100%; z-index:10;}
.header-li strong.bigger {font-size:120%}
.header-li a {color:#FFFFFF;}	    
.header-li li{ background: url('bg-header-li.gif') no-repeat 0px 2px; padding: 0px 0px 0px 25px; list-style-type:none;}
.header-li span {padding-left:10px; }
.header-li p {padding-left:25px;}
#logo .smaller{font-size:30%;}
.s-center { position:relative; right:48px;}
.url-padding {position:relative; top:10px;}
form#reg .url-blog {font-size:100%;}
form#new-article input.submit.rmar {margin-right:50px;}

.bloger-line { float:left; margin-bottom:10px; background: url('pager-bg.png') no-repeat; padding-top:20px;}
.line-center { background-position: center top;}
.box-footer { width: 300px; float:left;}
.box-footer img { float:left; padding-right:10px;}
.box-footer h2 { font-size:106%; color:#BE0A11; font-weight:bold;}
.box-footer p { height:4em; overflow:hidden; width:175px;}
 
.comments span { color: #BE0A11; font-size:86%; }
.comments { margin-bottom:15px; margin-top:5px;}
.comment-head { margin:0px;}
.comment p {margin:0px; line-height:110%; font-size:91%;}
.comment p.comment-info {line-height:120%;}
.comments p.read { float:right; width:100px;}
.comments p.text { float:left;}
.comments a { color:#666666;}
.comment { margin-top:10px;}
.comment.first {margin:0px;}
.read-disk { float:right; width:72px; display:block;}
.unvote { background: url('cudlik.gif') no-repeat; width:208px; height:22px; display:block; color:#fff; border:none; cursor:pointer; cursor:hand;}

.iniquity { position:absolute; width:400px; height:260px; background: #F2F2F2; border: 1px solid #666666; left:125px; display:none; margin-top:-100px;}
.iniquity a.iniquity-close { float:right; }
div#content .iniquity .iniquity-close img { margin:10px 10px 0 0;}
a.iniquity-open { background: url('cudlik.gif') no-repeat; width:208px; height:22px; padding-top:3px; text-align:center; font-size:1.2em; display:block; color:#fff; border:none; float:left; margin-top:10px; text-decoration:none; }

.iniquity table { margin:0 0 0 15px;}
.iniquity h2 { padding:10px 0 5px 15px;}
.iniquity textarea { width:300px; height:100px; border:1px solid #CCCCCC;}
.iniquity input { border:1px solid #CCCCCC; }
.iniquity input.submit { border: none; background: url('cudlik.gif') no-repeat left top; width:208px; height:22px; }

.soutez { border:1px solid #000; width:575px; height:725px; background: #fff url('bg-castle.png') no-repeat 250px 470px; padding:10px 10px 15px 40px;  margin-top:40px; color:#000;}
div#right .soutez h2 { font-size: 57px; color:#000; padding:70px 0 20px 0; font-weight:normal; }
.soutez p { font-size: 130%; }
.soutez p.info { font-size: 160%; }
.soutez p.sign { font-size: 170%; margin-top:50px;}
.soutez .soutez-close { float:right; margin:15px;}

.kategorie { border:1px solid #000; background:#fff; width:575px; height:auto; padding:10px 10px 15px 40px;  margin-top:40px; color:#000;}
div#right .kategorie h2 { font-size: 38px; color:#000; padding:25px 0 0 0; margin-bottom:0; font-weight:normal; text-transform:uppercase;}
.kategorie p { font-size: 130%; margin-top:0; font-size:100%;}
.kategorie .kategorie-close { float:right; margin:15px;}

.cat-check { float:left; width:120px; padding-right:90px;}
.cat-check.last { padding-right:0;}
.cat-check input { width:20px; position:relative; top:3px;} 
.kategorie .submit { background: url('bg-submit-cat.png') no-repeat; width:107px; height:27px;  float:right; margin:25px 35px 0 0; color:#000;}

.library { border:1px solid #000; background:#fff; width:575px; height:auto; padding:10px 10px 15px 40px; margin-top:40px; color:#000;}
div#right .library h2 { font-size: 38px; color:#000; padding:25px 0 0 0; margin-bottom:0; font-weight:normal; text-transform:uppercase;}
div#right .library h2 span { color:#a70000; font-size:21px; text-transform:normal;}
.library p { font-size: 130%; margin-top:0; }
.library .book p { color: #a70000; font-size:80%;  padding-left:0px; }
.book { width:195px; float:left; }
.book.last { width:155px; padding-right:0;}
.book p span { color: #000; }

.library .library-close { float:right; margin:15px;}
.library .submit { background: url('bg-submit-cat.png') no-repeat; width:107px; height:27px;  float:right; margin:25px 35px 0 0; color:#000; font-size:normal;}

.profimg {float:right; width:200px; margin:0 0 5px 10px;}
.sort-form span.filter-info {font-weight:bold; text-align:right; width:324px; display:block; }
div#right a.button.yellow { background: url('bg-button-yellow.png') no-repeat; color:#000;}

/*infobox*/
.infobox { position:absolute; z-index:5; top:210px; display:block; width:308px; height:104px;}
.infobox a { width:308px; height:103px; display:block;text-decoration:none; color:#000000; }
.infobox .error {background: url('bg-error.png') no-repeat; position: relative; top:100px; left:450px;}
.infobox .info{ background: url('bg-info.png') no-repeat; position: relative; top:100px; left:250px;}
.infobox .error a span { position:relative; top:42px; left:92px; color: #ffffff; font-size:0.75em; width:180px; float:left;}
.infobox .info a span { position:relative; top:42px; left:92px; color: #000000; font-size:0.75em; width:180px; float:left;}

/*inbox*/
tr.inbox_message_footer {background-color: #BE0A11; color: #fff; height: 2em; display: none;}
tr.inbox-line td{border-bottom: 1px solid #BE0A11;}
tr.inbox-line:hover { cursor: pointer; }
tr.inbox_message_footer a {color: #fff; margin-right: 0.5em;}
.inbox-line {display: none;}
.inbox_line_edit { width: 98%; height: 150px; }
.floatRight {float: right; }

table.message-table { margin-bottom:25px; border-collapse: collapse;}
table.message-table td { vertical-align: top; padding:5px 0 5px 0;}
table.message-table td.inbox_line_text_not_read {  vertical-align: top; padding:5px 0 5px 0; font-weight: bold; }
td.td-date  {  width: 101px; font-weight:bold; }
td.td-name { font-weight:bold; color:#BE0A11;  width: 130px; }
a.inbox_delete { background: url('cross.png') no-repeat; width:13px; height:13px; display:block; float:right; position:relative; }
a.inbox_delete:hover { background-position: 0 -16px;}

a.moje_delete { background: url('cross.png') no-repeat; background-position: right 3px; padding-right: 17px; position:relative;}
a.moje_delete:hover { background-position: right -13px; }


div#content h1.heard { background: url('bg-heard.png') no-repeat left 23px; padding-left:42px;}
div#content h1.cat-heards { background: url('two-heards.png') no-repeat left top; padding:28px 0 5px 83px; }
.seznamka_line { width:190px; }

.adv-head span { font-size:110%; }
.adv-head span.red { color:#BE0A11;}
.adv-head span.blue { color:#0000FF;}
.adv-text span.red { color:#BE0A11;}
.adv-text span.blue { color:#0000FF;}
.adv-img { float:left; width:150px; }
.adv-text { float:left; width:460px; }
.adv-text p { font-size:90%;}
span.adv-date { color:#BE0A11;}
p.adv-head { font-weight:bold; font-size:100%;}
a.reply-adv { color:#666666; }
a.profil-link { color:#666666; }
.red-line  { background:url('bg-red-line.png') no-repeat center center; height:2px; width:650px; padding:10px 0 10px 0;}
h2.cat-heards { background: url('two-heards.png') no-repeat left top; padding:28px 0 5px 83px; color:#BE0A11; }
h2.cat-no-heards { padding:28px 0 5px 83px; color:#BE0A11; }
.cat-guide { background: url('on-ji.png') no-repeat left top;  float:left; width:240px; height:60px; padding:30px 0 0 60px; font-size:85%;}
.cat-guide a {font-size:190%; margin-top:20px; }
.img1 {background: url('on-ji.png') no-repeat left top;}
.img2 {background: url('ona-jeho.png') no-repeat left top;}
.img3 {background: url('on-jeho.png') no-repeat left top;}
.img4 {background: url('ona-ji.png') no-repeat left top;}
.img5 {background: url('on-deti.png') no-repeat left top;}
.img6 {background: url('ona-deti.png') no-repeat left top;}

ul.menu-message  { list-style-type:none; margin-bottom:10px;}
#content-big ul.menu-message li { display:inline; font-size:150%; padding:0; margin:0; }
#content-big ul.menu-message li a:hover { text-decoration:underline;  }
#content-big ul.menu-message li.active a{ color:#BE0A11; }
ul.menu-message li span { padding:0 3px 0 3px;}

ul.menu-message li a { color:#666666; text-decoration:none; }
ul.menu-message li a.active { color:#be0a11;}
table.message-table { width:100%; }

 /*infobox*/
.infobox { position:absolute; z-index:6; top:210px; display:block; width:308px; height:104px;}
.infobox a { width:308px; height:103px; display:block;text-decoration:none; color:#000000; }
.infobox .error {background: url('bg-error.png') no-repeat; position: relative; top:100px; left:450px;}
.infobox .info{ background: url('bg-info.png') no-repeat; position: relative; top:100px; left:250px;}
.infobox .error a span { position:relative; top:42px; left:92px; color: #ffffff; font-size:0.75em; width:180px; float:left;}
.infobox .info a span { position:relative; top:42px; left:92px; color: #000000; font-size:0.75em; width:180px; float:left;}
div.inbox_title .inner, .inner-bold{ padding-left: 65px; padding-top: 55px;}
div.inbox_title .inner-bold{ font-weight: bold;}
div.inbox_title {background: url('obalka.jpg') no-repeat top; width: 220px; height: 138px; }
#inbox_title h1{ margin-left: 75px; padding-top: 25px;}

#add_inzerat_title {margin-top: 5px; visibility: hidden;}
#add_inzerat_title input, #add_inzerat_title select{ float: right;}
#add_inzerat_title input{margin-top: 5px;}

#update-user {position: absolute; z-index:5; padding: 10px 20px 10px 20px; background-color: #fff; border: 1px #BE0A11 solid; top: 300px; left: 300px; width: 330px; height: 180px; }
#update-user input.submitRight { color: #fff; border: 1px solid #ccc; font-weight: bold; border: 0; cursor: pointer; background:url("input-submit.png") no-repeat scroll left top #47B6DA; height:22px; width:72px; margin-left: 10px;}
#update-user input.text{width:100%; color:#000;}
#update-user p.info {font-size: 80%; }
.floatRight {float: right;};

<!--[if lte IE 7]>
/*  div#header form#login {top: 0; }*/
<![endif]-->