* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ul li {list-style:none;}

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.6em; text-align:center; padding-top:4px; }

/* GLOBAL
------------------------------*/	
p { margin:12px 0; font-size:1em; }
table, td { font-size:1em; }
hr, .noscreen { display:none; }
a { color:#f99a39; text-decoration:underline; outline:none; }
a:hover { color:#f99a39; text-decoration:none; }
abbr, acronym { border-bottom:1px dotted #999; cursor: help; }
.code { font-family: "Consolas", "Courier New", Courier, mono; background:#2A3750; padding:0 3px; color:#F1F1F1; font-size:100%; }

.nobr { border:0 !important; }
.f-left { float:left; }
.f-right { float:right; }
.highlight {color:#fff;}
.center { text-align:center; }

.vlevo { float:left; margin:4px 15px 10px 0; padding:2px; border:1px solid #ccc; }
.vpravo { float:right; margin:4px 0 10px 10px; padding:2px; border:1px solid #ccc; clear:left; }
.vlevo-bezramecku { float:left; margin:4px 15px 10px 0; padding:3px; }
.vpravo-bezramecku { float:right; margin:4px 0 10px 10px; padding:3px; clear:left; }
.a-right { text-align:right; }

.h3-search a {text-decoration:none !important;}
.h3-search a:hover {text-decoration:underline !important;}

.rssSubdate { padding-left:7px; }
.novinky { padding:1px 0 0 24px; }

.e404 { width:548px; height:288px; display:block; margin:20px 0; }

.vat td { vertical-align:top; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:259px; height:95px; left:0; top:0; text-align:center; font-size:1.2em; overflow:hidden; }
h1 a { text-decoration:none; overflow:hidden; width:259px; height:85px; padding:10px 0 0 0; display:block; }
h1 span { width:259px; height:95px; display:block; position:absolute; left:0; top:0; z-index:1000; cursor:pointer; }
h1 a:active, h1 a:hover { text-decoration:underline; }

/* LAYOUT
------------------------------*/
#stars { background:transparent url(../design/stars.jpg) 60% 0 repeat-x; width:100%; text-align:left; background-attachment:fixed; }
#all { width:980px; margin:0 auto; text-align:left; position:relative; }
#top { width:100%; height:95px; position:relative; }
#container { width:980px; padding-bottom:5px; }

#sloupce { float:left; width:394px; }
#plugo { width:382px; height:125px; overflow:hidden; background:url(../b/plugo.png) no-repeat; padding:0 12px 0 0; margin:10px 0 0 0; }
#plugo a { width:382px; height:125px; overflow:hidden; display:block; }

#browser { width:382px; height:200px; overflow:hidden; padding:0 12px 0 0; margin:10px 0 0 0; }
#browser a { width:382px; height:200px; overflow:hidden; display:block; }

#ok { color:#fff; font-weight:bold; padding:7px 5px 7px 40px; background:#5e9b21 url(../design/ok.gif) 12px 51% no-repeat; font-weight:bold; }

/* SIDEBAR
------------------------------*/
#sidebar { width:180px; padding:7px 11px 10px 0; overflow:hidden; float:left;  }

/* SIDEBAR2
------------------------------*/
#sidebar2 { width:180px; padding:7px 12px 0 11px; overflow:hidden; float:right; }

/* CONTENT (article)
------------------------------*/
#content ul { margin:0 0 12px 6px; padding:0; list-style:none; }
#myContent { margin-left:-5px; position:relative; }

/* CLEARFIX
------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* HLEDAT
------------------------------*/
#hledat div.sr { width:172px; display:block; height:21px; position:relative; }

/* FORM
------------------------------*/
#content #form fieldset { border:none; margin:0; padding:15px 0 0 0; }
#content #form legend { display:none; }
#content #form ol { list-style:none; margin:0; padding:0; }
#content #form ol li { clear:both; width:100%; padding-top:4px; }
#content #form ol li span {color:#FF0000;font-size:1.4em;font-weight:bold;padding:0 0 0 5px; cursor:help; }
#content #form label { width:90px; display:block; margin-top:2px; float:left; font-size:1em; }
#content #form textarea { width:380px; height:150px; }
#content #form input { width:180px; }
#content #form textarea, select, input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
#content #form .zemSubmit { width:178px !important; color:#fff; border:none; padding:0; margin:2px 0 0 90px; height:188px; text-indent:-9999px; line-height:500px; display:block; cursor:pointer; }
#content #form ul.zemError { padding-bottom:20px !important; margin-left:30px; }
.error, .alert { color:#FF0000; font-weight:bold; }

/* KOMENTARE
------------------------------*/
.h3-kom { border:none !important; padding:10px 0 !important; margin:0 !important; }
.cbody p { margin:0; padding:4px 0; }
.pridat .sbutton input { background-color:#86B93C; border:none; padding:4px 6px; color:#fff; font-weight:bold; }
.pridat .sbutton input.disabled { background-color:#ccc; border:none; padding:4px 6px; color:#fff; font-weight:normal; display:none; }

.ctop { height:42px; overflow:hidden; padding-top:4px; }
		.gravatar { float:left; margin:0 10px 0 0; }
		.ctop p { margin:0; padding:3px 0 0 0; line-height:1.5em; }
		
		.publisher { position:relative; top:2px; margin-right:4px; }
		.owner { position:relative; top:2px; margin-right:4px; }

/* RATE
------------------------------*/
.ratingblock { float:right; }
.loading { height: 10px; background: url(../design/working.gif) 50% 50% no-repeat; }
#content .unit-rating { list-style:none; margin: 6px 4px 0 4px; padding:0; height: 10px; position: relative; float:left; text-align:left; width:60px; overflow:hidden; }
#content .unit-rating li { text-indent: -90000px; padding:0px; margin:0px; /*\*/ float: left;/* */ }
#content .unit-rating li a { outline: none; display:block; width:12px; height: 10px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
#content .unit-rating li a:hover { z-index: 2; left: 0px; }
.unit-rating a.r1-unit { left: 0px; }
#content .unit-rating a.r1-unit:hover { width:12px; }
.unit-rating a.r2-unit { left:12px; }
#content .unit-rating a.r2-unit:hover { width: 24px; }
.unit-rating a.r3-unit { left: 24px; }
#content .unit-rating a.r3-unit:hover { width: 36px; }
.unit-rating a.r4-unit { left: 36px; }
#content .unit-rating a.r4-unit:hover { width: 48px; }
.unit-rating a.r5-unit { left: 48px; }
#content .unit-rating a.r5-unit:hover { width: 60px; }
#content .unit-rating li.current-rating { position: absolute; height: 10px; display: block; text-indent: -9000px; z-index: 1; }
.thanks { color:#36AA3D; }

/* OSTATNI
------------------------------*/
.zemThanks {margin-top:30px;}

#content ul.projekty-img { margin:0; padding:15px 0 0 0; }
#content ul.projekty-img li { float:left; width:183px; padding:0 0 15px 0; background:none; font-size:0.85em; }
#content ul.projekty-img li a { border:0; text-decoration:none; }
#content ul.projekty-img li div { width:170px; padding:5px 10px 0 3px; display:block; height:2.9em; line-height:1.3em; }
#content ul.projekty-img li a img { padding:2px;  }
#content ul.projekty-img li a:hover { text-decoration:none; }

/* STRANKOVANI
------------------------------*/
#content #pages { clear:both; position:relative; width:550px; z-index:1000; }
#content #pages ul { color:#000; font-size:0.8em; font-weight:bold; height:18px; list-style:none; margin:0 0 10px !important; padding:0 !important; position:relative; }
#content #pages ul li { background:none !important; display:block; float:left; height:16px; line-height:16px; margin:0 2px 0 0; padding:0; position:relative; text-align:center; width:20px; }
#content #pages ul li.first { width:70px; font-size:1.1em; }
#content #pages ul li a { display:block; height:16px; line-height:16px; text-decoration:none; }
#content #pages ul li a:hover { text-decoration:none; }

/* DOPORUCUJEME
------------------------------*/
#sidebar2 ul.doporucujeme { margin:0 0 15px 0; }
#sidebar2 ul.doporucujeme li { position:relative; }
#sidebar2 ul.doporucujeme li a { border:0; height:100px; width:174px; }
#sidebar2 ul.doporucujeme li a img { border:1px solid #2a3751; padding:2px; }
#sidebar2 ul.doporucujeme li a:hover img { border:1px solid #ccc; }
#sidebar2 ul.doporucujeme li a span { display:block; width:174px; height:100px; position:absolute; top:3px; left:3px; z-index:1000; cursor:pointer; border:1px solid #2a3751; padding:2px; }

.od1 span {background:url(../design/recenze-software-hry-windows.gif) no-repeat;}
.od2 span {background:url(../design/ceske-fonty-zdarma.gif) no-repeat;}
.od3 span {background:url(../design/profi-css.gif) no-repeat;}