* { padding: 0; margin: 0; box-sizing: content-box; }
body {min-width:770px; background: white; color: black; font: small/1.5  Arial, Helvetica, sans-serif;  }
a:link, a:visited { color: #0c92cb; }
a:hover { color: #6b6b6b; }
hr { display: none; }
fieldset { border: 0px solid; }

/* nastaveni obecnych prvku, jen pro obsahovou cast */

#main-column h3 { margin: 15px 0; font: normal 155%  Arial, Helvetica, sans-serif; }
#main-column p { margin: 10px 0; /* background: #f7f7f7; padding: 8px; */ }
#main-column ul, #main-column ol { margin-left: 30px; }
#main-column ul { list-style-type: square; }
#main-column li { padding: 2px 0; }
#main-column dl.com ol {padding-bottom: 10px;}

#main-column textarea, #formcomment textarea { width: 95%; }
#main-column input, #formcomment input, #main-column select, #formcomment select { margin-bottom: 7px; }
#main-column select, #formcomment select { width: 200px; }

/* hlavicka */

#head { border-bottom: 8px solid #c09; background: black url('../images/bg.png') repeat-x top left; }
#head_in { width: 770px; height: 92px; margin: auto; background: url('../images/head.png') no-repeat top right; position: relative; }
#head_in h1, #head_in h1 span { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; width: 135px; height: 92px; z-index: 1; color: #fff; }
#head_in h1 span { display: block; width: 135px; height: 92px; background: url('../images/nadpis.png'); left: 0; z-index: 2; }
#head_in form { float: right; margin-top: 18px; }
#head_in form div { border: black; }
#head_in label { color: #a1a1a1; padding-right: 5px; position: relative; top: 2px; }

#head_in input { border: 1px solid #a1a1a1; height: 18px; vertical-align: middle; color: white; }
#searchterm { width: 135px;	background: #6f6f6f url("../images/input.gif") repeat-x left center; }

#menu { position: absolute; right: 0; bottom: 0; color: white; list-style-type: none; font-size: 90%; width: 100%;  }
#menu li { float: right; padding: 7px 10px; background: url('../images/a.gif') no-repeat center right; }
#menu a { color: white; text-decoration: none; }
#menu a:hover { color: #a1a1a1; }
#menu li.last { background: none; padding-right: 0; }
#menu li.actual { background: #c09 url('../images/li.gif') repeat-x top left; position: relative; left: -1px; }

/* konec hlavicky */


/* hlavni cast */

#main { width: 768px; margin: 10px auto 0 auto; font-size: 90%; padding-top: 0px; }
#index.bg { background: url('../images/top-webs.gif') no-repeat top left; padding-top: 19px; }

#last-webs { list-style-type: none; background: url('../images/gal.gif') repeat-y top left; }
#last-webs ul { clear: left; list-style-type: none; border-top: 1px solid #d3d3d3; padding-top: 10px; text-align: left; }
#last-webs li { float: left; margin: 0 19px; width: 218px; }
#last-webs li.clear { margin: 0; float: none; height: 22px; clear: left; width: 100%; background: url('../images/end.gif') no-repeat bottom left; }

#last-webs li a img { border: 1px solid #8c8c8c; margin-bottom: 10px; float: left; } /* obrazek plave kvuli Opere 7/Win */
#last-webs h2 { font-size: 100%; float: left; margin-bottom: 10px; }
#last-webs span { float: right; }
#last-webs span strong { color: #c09; }

#last-webs li.detail, #last-webs li.comment { font-size: 95%; padding-left: 17px; text-align: left; width: auto; margin: 0; min-height: 15px; }
#last-webs li.detail { background: url('../images/detail.gif') no-repeat left center; margin-right: 10px; }
#last-webs li.comment { background: url('../images/comment.gif') no-repeat left center; }
#last-webs li a:link, #last-webs li a:visited { color: #0c92cb; }
#last-webs li a:hover {	color: #6b6b6b; }

#main-column #last-webs { background: none; list-style-type: none; margin: 0; }
#main-column #last-webs li { margin: 0 15px 25px 0; }
#main-column #last-webs li.clear { background: none; }
#main-column #last-webs ul { margin: 0; }
#main-column #last-webs ul li { margin: 0 10px 0 0; }

#middle { margin-top: 5px; padding: 40px 0 10px 0; border-bottom: 1px solid #c9c9c9; background: url('../images/content.gif') repeat-y 256px 1px; position: relative; }
#middle .clear { clear: left; line-height: 0px; font-size: 0px; }
#middle span { display: none; }

#about, #team, #category, #about_main, #poslat { position: absolute; width: 256px; border-top: 4px solid #787878; border-bottom: 1px solid #c9c9c9; height: 37px; overflow: hidden; top: 0; left: 0; }
#about span, #team span, #category span, #category-h span, #usercom-h span, #vysledky-h span, #formcomment-h span, #lastcom-h span, #porota-h span, #dlekat-h span, #odkazy-h span, #top10-h span, #about_main span, #poslat span { position: absolute; display: block; width: 100%; height: 37px; top: 0; left: 0; }
#about_main, #poslat { position: relative; border: none; width: 512px; border-bottom: 1px solid #c9c9c9; background: white; }

#team { left: 512px; }
#category { left: 256px; height: 39px; border-bottom: none; }
#category-h h2 { height: 39px; }

#about span, #about_main span { background: url('../images/project.gif') no-repeat; }
#team span { background: url('../images/team.gif') no-repeat; }
#category span, #category-h span { background: url('../images/category_e.gif') no-repeat; height: 39px; }
#poslat span { background: url('../images/poslat.gif') no-repeat; }

#o-projektu {  width: 256px; float: left; }
#o-projektu p { margin: 15px 20px 0 2px; }

#kategorie, #tym {  list-style-type: none; width: 256px; float: left; padding-top: 8px; }
#kategorie a, #tym a { font-weight: bold; color: black; float: left; }
#kategorie a:hover, #tym a:hover { color: #6b6b6b; }
#kategorie strong, #tym strong { font-weight: normal; }
#kategorie li, #tym li { padding: 7px 0 7px 20px; margin: 0 15px; border-bottom: 1px dotted #d7d7d7; text-align: right; clear: left; } /* kouzla margin/padding kvuli Opere 7/Win */
#kategorie li.last, #tym li.last { border-bottom-style: none; }
#kategorie li { background: url('../images/cat.gif') no-repeat 0 0.7em; border-color: #bebebe; }

#right-column #kategorie { background: #EDEDED; border-bottom: 1px solid #C9C9C9; }

#tym li { background: url('../images/teams.gif') no-repeat 0 0.75em; border-color: #bebebe; margin-right: 2px; }

#odkazy-h, #dlekat-h, #porota-h, #usercom-h, #vysledky-h, #formcomment-h, #lastcom-h, #top10-h { position: relative; width: 512px; height: 37px; overflow: hidden; float: right; border-bottom: 1px solid #c9c9c9; }

#top10 { clear: right; float: right; width: 256px; }
#top10-h { width: 256px; }
#top10-h span { background: url('../images/allstars.gif') no-repeat top left; }
#top10-h h2, #category-h h2 { position: relative; overflow: hidden; } /* overflow kvuli Opere 7/win ! */

.com { float: none; width: 500px; }
#odkazy-h, #dlekat-h, #porota-h, #usercom-h, #vysledky-h, #formcomment-h, #lastcom-h { float: none; }
#usercom-h span { background: url('../images/usercom.gif') no-repeat; }
#lastcom-h span { background: url('../images/last.gif') no-repeat; }
#porota-h span { background: url('../images/porotci.gif') no-repeat; }
#dlekat-h span { background: url('../images/dle_kategorii.gif') no-repeat; }
#odkazy-h span { background: url('../images/odkazy.gif') no-repeat; }
#formcomment-h span { background: url('../images/vas_comment.gif') no-repeat; }
#vysledky-h span { background: url('../images/vysledky.gif') no-repeat; }

.com { padding-top: 1px; }
.com dt em { padding-right: 7px; margin-right: 5px; background: url('../images/dta.gif') no-repeat right center; font-style: normal; font-weight: bold; }
.com dt { background: #f0f0f0 url('../images/dt.gif') no-repeat left center; padding: 5px 15px 5px 35px; }
.com dd { background: #f0f0f0; padding: 7px 15px 7px 35px; margin-bottom: 10px; }
.porota dt strong { background: none; text-transform: uppercase; }
.porota dt, .porota dd { background-color: #f2f7fc; }

#posun { width: 502px; clear: left; }
#predchozi, #nasledujici { font-weight: bold; margin: 5px; }
#predchozi { float: left; }
#nasledujici { float: right; }

#top10 { list-style-type: none; font-weight: bold; }
#top10 li { margin: 9px 0 9px 15px; padding-left: 20px;  background: url('../images/stars.gif') no-repeat 0 0.5em; }

#detail { background: #ededed url('../images/frame.gif') no-repeat 12px 10px; padding-left: 280px; position: relative; min-height: 210px; border-top: 6px solid white; }
#detail a img { position: absolute; top: 29px; left: 30px; border: 1px solid #8c8c8c; }
#detail ul { padding: 10px 0; border: 1px #a3a3a3; border-style: dashed none; width: 200px; }
#detail ul li { line-height: 1.9; background: url('../images/stars.gif') no-repeat 0 0.6em; padding-left: 20px; }

#detail br { clear: right; height: 0; font-size: 0; }
#detail ul { list-style-type: none; }
#detail h2 { padding-top: 20px; font-size: 140%; }
#detail #web { float: left; }
#detail #web h2 { width: 200px; }

#hodnoceni { width: 250px; float: right; margin-right: 10px; background: white url('../images/hodn-bottom.gif') repeat-x bottom left; min-height: 210px; }
#hodnoceni ul { border: none; padding: 5px 26px 10px 18px; text-align: right; width: 215px; }
#hodnoceni ul li { background: url('../images/hod-li.gif') no-repeat 0 0.6em; border-bottom: 1px dashed #D7D7D7; padding: 2px 0 2px 20px; }
#hodnoceni ul li.last { font-weight: bold; background-image: url('../images/hod-tick.gif'); border-top: 2px solid #d7d7d7; border-bottom: none; }
#hodnoceni ul li.last strong { font-weight: bold; }
#hodnoceni ul li.prelast { border-bottom: none; }
#hodnoceni ul strong { float: left; font-weight: normal; }
#hodnoceni h2 { position: relative; overflow: hidden; height: 41px; width: 255px; padding-top: 0; }
#hodnoceni h2 span { display: block; width: 250px; height: 41px; position: absolute; top: 0; left: 0; background: url('../images/hodnoceni.gif') no-repeat top left; }

#right-column { float: right; width: 256px; }
#right-column top10 { float: none; } 

#main-column { float: left; width: 500px; position: relative; padding-right: 12px; }

/* konec hlavni casti */

/* obecne tridy */

.pristupnost { position: absolute; top: -1000px; }
p.icons { text-align: center; }


/* obecne tridy */

/* paticka */

#foot { margin-top: 20px; border-top: 4px solid #787878; padding: 10px 0; clear: both; font-size: 95%; line-height: 1.4; text-align: right; }

/* konec paticky */
/* doplnil Plavacek */
dl.com ul {margin-left: 30px;}
dl.com ul li {list-style:square;padding: 2px 0;}
dl.com p {margin: 10px 0}
dl.com ol {margin-left: 30px;}
dl.com ol li {list-style:decimal;padding: 2px 0;}
/* doplnil Plavacek */