/* zaklad pro barevne varianty */

body { background: #eee; color: #000; margin:0; padding: 0px 0;}
body,td,th,table, #footer, #footer-bottom, #header { font-family: "Arial CE", Arial, Helvetica, sans-serif; font-size: 13px; }
.clear { clear: both; height: 0px; font-size:1px; overflow:hidden; line-height:1px; visibility: hidden; }

#header { margin-bottom: 9px; }
.logo h1 .name { font-size: 3em; padding: 0; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
.logo a:link,
.logo a:visited { text-decoration: none; }
#header .description { background: #eee; text-align:left; padding: 10px 0; font-style:italic; }
#header .description span { padding: 15px; }
#header .logo-image { position: relative; float:left; max-height: 300px; overflow:hidden; width:100%; }
#header .logo-image .description {
    background: url(/img/transparent.png);
    color: #fff;
    position: absolute; bottom: 0; width:100%;
}
#header .logo-image .name { position: absolute; top: 5px; left: 10px; }


#col-1 { float:left; width: 300px; }
#col-2 { float:left; width: 670px; overflow: hidden; }
#col-3 { float:right;width: 230px; overflow: hidden; }
.col-1-in { margin-right: 15px; }

.last-comment-list { margin-bottom: 25px; }
.last-comment { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #ccc; }
.last-comment i { color: #999; }

hr { display: none; }
table {font-size:100%; border-collapse:collapse}
img, table, a img, iframe { border: none; }
h1,h2,h3,h4,h5,h6,form,div,blockquote,p,ul,ol,li,fieldset,legend,label,input,button,table,tr,th,td,img,iframe { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; }
img { vertical-align: middle; }
a:link, a:visited { color: #333; /*#0041C5;*/ }
a:hover { color: red; text-decoration: underline !important; }
.sel, a:link.sel, a:visited.sel { color: red; font-weight: bold; }
ul,li,ol  { list-style: none; text-indent:0; }
.padd { padding: 3px 10px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.nowrap { white-space: nowrap; }
.red { color: red; }
.box { clear: both; }

.related-list li { margin-bottom: 3px; }

table.border td,
table.border th { border: 1px solid #333; }

#body { width: 1018px; min-height: 600px; margin:auto; background: #fff /*url(/img/bg-body-white.gif)*/; }
#body-in { padding: 0 20px; }
#header { margin-bottom: 10px; }

.headline { margin-top: 10px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted white; font-size: 1.3em; font-family: Georgia, "New York CE", utopia, serif;}

.spot { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.spot .info { font-size: .7em; color: #666; }
.spot .info .author { color: #999; }
.spot .text { padding: 5px 0 0 15px; }
.spot p { margin:3px; }
.spot hr { clear: both; height: 10px;}
.spot .titulek { color: #D70000; font-family: Georgia, "New York CE", utopia, serif; font-size: 1.4em; }
.spot .titulek a { color: #D70000; }
.sel { font-weight: bold; }
.spot img { padding: 3px; margin:1px; }

#category-list { padding-left: 5px; margin-bottom: 25px; }
#category-list ul { padding-left: 5px; }
#category-list li { margin-bottom: 3px; }
#category-list .sel { }

#comment table { width: 100%; }
#comment table th { vertical-align: middle; text-align: right; padding-right: 8px; width: 100px; }
#comment textarea { width:90%; }

#related-spot { margin: 15px 0; }


.title {margin-bottom:7px; padding:0; background:url("/img/dot.gif") 0 50% repeat-x; }
.title span {padding-right:10px; background:#fff; font-size: 1.2em; }

.footer { font-size: 11px; background:url("/img/dot.gif") 0 0 repeat-x; padding-top: 5px; margin-top: 15px; padding-bottom: 10px; }

#chat { width:280px; border: 1px solid #ccc; background: #eee; margin-bottom: 25px; }
#chat-msg { width:275px; height:350px; overflow:auto; padding-left: 3px; }
#chat-msg div { margin-bottom: 4px; }
#chat-nick-text { max-width:80px; padding-top:4px; color: red; overflow:hidden; float:left; }
#chat-form { padding:3px 0; }

.vote-bar { background: red; }
#enquire .item-list { padding-right: 15px; }
#enquire .question { padding: 5px 0; }
#enquire .detail { font-size: .8em; }
#enquire .item-list li { border-top: 1px solid #111; padding: 3px 0}

.photo-small { float: left; }
.photo-medium { float: left; }
.photo-big { }

.friend-list ul { padding:0 0 20px 10px; }