html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }

body {
	font-size: 62.5%;
	color: #333;
	background: #fff url(bg_html.gif) 0 0 repeat-x;
	font-family: "Arial", sans-serif;
}
#content {
	width: 960px;
	text-align: left;
	position: relative;
	margin: 0px auto;
  padding-top:170px;
  position:relative;
}
#head {
  position:absolute;
  top:0; left:0;
  height:130px;
  background:url(slogan.gif) 130px 50% no-repeat;
}
#main {
	width: 678px;
	float: left;
	position: relative;
	padding:0 20px;
	left: 0;
	margin: 0;
	background:#fff;
	border-left:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
}
#drobecky {
	padding: 0 10px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	top: 370px;
	left: 0;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	background: #58595D;
	color: #DDDDDD;
	z-index: 1;
}
#side {
	width: 208px;
	float: right;
	position: relative;
	top:0; right:0;
	padding:0 15px;
	background:#fff url(side-bot.gif) 0 100% no-repeat;
	border-right:1px solid #EEEEEE;
	color:#666;
}
#footer {
	clear: both; width:100%;
  background:url(main-bot.gif) 0 0 no-repeat;
	padding-top: 25px;
	color:#666; 
}

/* Doplnky layoutu */
#logo{height:100%; width:320px; float:left;}
#logo a{display:block; overflow:hidden; width:0; height:130px; padding-left:135px;  background:url(logo.png) 0 0 no-repeat; position:absolute; top:0; left:0; }
/*Menu*/
ul#menu{height:94px; float:right;}
#menu li{display:block; width:99px; height:94px; float:left; margin:0 2px 0 3px; background:url(menu.jpg) 0 0 no-repeat; line-height:1.2em;  font-size:110%;  font-weight:bold;}
#menu a{padding-top:65px; width:86px; margin:0 auto; display:block; color:white; text-decoration:none;
background-position:0 0; background-repeat:no-repeat; text-align:center; }
#menu li.stahnout a {background-image:url(stahnout.jpg);}
#menu li.forum a {background-image:url(forum.jpg);}
#menu li.galerie a {background-image:url(galerie.jpg);}
#menu li.tipy a {background-image:url(tipy.jpg);}
#menu li.pluginy a {background-image:url(pluginy.jpg);}
#menu li.serial a {background-image:url(serial.jpg);}
#menu li.stahnout.activ a {background-image:url(stahnout-a.jpg);}
#menu li.forum.activ a {background-image:url(forum-a.jpg);}
#menu li.galerie.activ a {background-image:url(galerie-a.jpg);}
#menu li.tipy.activ a {background-image:url(tipy-a.jpg);}
#menu li.pluginy.activ a {background-image:url(pluginy-a.jpg);}
#menu li.serial.activ a {background-image:url(serial-a.jpg);}
#menu a:hover, #menu a:active, #menu a:focus {color:#FDFF00;}

ul#mini {width:330px; float:left; margin:7px 0 0 0; height:24px;}
#mini li {display:inline; font-size:110%; line-height:24px;}
#mini li a {display:block; height:24px; padding-left:30px; float:left; }
#mini li.mapa a {margin:0 10px 0 28px; background:url(mapa.gif) 0 50% no-repeat;}
#mini li.kontakt a {margin:0 20px; background:url(kontakt.gif) 0 50% no-repeat;}
#mini li.rss a {margin:0 10px 0 15px; background:url(rss.gif) 0 50% no-repeat;}
#mini a {color:#d1edf8;}

/*Drobky*/
p#drobky {position:absolute; left:0; top:135px; height:25px; padding-top:10px; width:745px; padding-right:215px; background:url(textpattern.gif) 98% 50% no-repeat; font-size:110%; color:black;}
p#drobky a {color:black;}

/*Hledat*/
#head form {width:310px; margin-top:2px; float:right;}
#head form input {width:230px; border:1px solid #cae3ef; margin:0 5px 0 12px;}
#head form button {width:58px; background:url(hledat.gif) 0 0 no-repeat; border:0 none; padding:0; margin:0; height:20px; color:white; font-size:110%; }

/* SIDE */
#side h3.novinky {margin-top:33px; color:#16aae0;  border-bottom:1px dotted #c0c0c0; font-size:200%;}
#side h3.novinky a {color:#16aae0; text-decoration:none;}
#side h3.novinky a:hover {text-decoration:underline;}
#side h4 {margin:1em 0 -0.3em 0;}
#side p {font-size:110%; margin:0.9em 0; line-height:1.3em; }
#side p.date {width:47px; padding-right:7px; margin-right:5px; height:69px; float:left; background:url(datumovnik.jpg) 0 0 no-repeat; clear:both; text-align:center;}
#side p.date span {font-size:130%;  color:white; display:block; margin-top:14px;}
/* Side-buttony*/
.profi, .unio {margin:5px 0 0 -16px; padding-left:239px; width:0; height:99px; overflow:hidden; position:relative;}
#side .profi h3 a, #side .unio h3 a {position:absolute; top:0; left:0; display:block; padding-left:243px; width:0; height:99px; z-index:1;}
.profi { background:url(profi-txp.gif) 0 0 no-repeat;}
.unio {background:url(shop-unio.gif) 0 0 no-repeat;}

/* FOOTER*/
#footer p{font-size:110%; margin:10px;}

#main h2 {clear:left;}
#main p{font-size:130%; margin:0.9em 0; line-height:1.5em; }
#main ul {margin:1em 0;}
#main ul li,#main ol li{margin-left:1.5em; font-size:small; }
#main li p {font-size:small;}
#main ul li {padding-left:15px; margin:4px 0; background:url(li.gif) 0 50% no-repeat;}
#main ol li {list-style-type:decimal; margin:4px 0 4px 20px;}
#main table{font-size:120%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center; }
#main table caption{caption-side:bottom; font-style:italic; text-align:left; }

/* Obecne */
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:1em 0 0.2em 0; padding:0; color:#7eac05; }
h1{margin-top:25px; font-size:260%; color:#016e9b;  border-bottom:1px dotted #c0c0c0;}
h2{font-size:200%;}
h3{font-size:160%;}
h3 a {color:#7eac05;}
h4{font-size:140%;}
form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; width:80%; margin:0 auto; }
fieldset{margin:0.5em 0; }
fieldset legend{font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:130%; }
a{text-decoration:underline; color:#0074b1; }
a:hover{text-decoration:none;}
a img{border:none; }

pre {width: 98%; clear:left; background:#F6FFEF;
  font-family: monospace;  
  color: black;
  font-size: 140%;
  line-height: 1.35em;
  border: 1px dashed #B4B4B4; 
  border-bottom-color: #EDEDED; 
  border-right-color: #EDEDED; 
  overflow: auto;
  _overflow-y: visible;
  padding: 10px;
  margin: 1em auto; 
  _padding-bottom: 1em;
 }



/* Specificke */
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
.center {text-align:center;}
.x-small {font-size:x-small;}

#main p.center {text-align:center !important;}


/* Clanky */
#main .clanky {clear:both; margin:15px -10px 10px -10px; padding:20px 20px 0 130px; width:547px; background:url(article.jpg) 0 0 no-repeat; position:relative;}
#main .clanky.full {padding:20px 20px 0 20px; width:657px;}
#main .clanky .image-article {margin-left:-115px; width:100px; float:left; overflow:hidden; text-align:center;}
#main .clanky h3 {font-size:180%; margin:0; border-bottom:1px dotted #c0c0c0;}
#main p.comments_invite {float:right; font-size:110%;}
p.comments_invite a {width:80px; padding-left:15px; height:27px; background:url(precist.gif) 0 0 no-repeat; display:block; float:left; color:white; font-size:90%; line-height:20px; margin-top:-2px;}

/*Strankovani*/
ul.rsx-page-num-list{margin: 0;	padding:0;text-align: center;}
#main ul.rsx-page-num-list li {display: inline; margin-right:10px; font-weight:bold; color:#7EAC05;}
#main ul.rsx-page-num-list li a {}

/* Komentare */
#main ol.comments{margin:1 0;}
#main ol.comments li {margin:0.8em 0 0 0; padding:5px 10px; display:block;border:1px dashed #ccc;  background:#F8F8F8; list-style-type:none;}
#main .comments pre {font-size:small;}
.comments_error{background-color:#ffa }
div.comments_error{border:1px solid #cc8;padding:0.3em; position:absolute; top:5px; left:25px;}

/* Komentar-formular*/
form#txpCommentInputForm {height:210px; width:647px; padding:25px 25px 15px 25px; margin:0 0 0 -9px; background:url(bg_comment.png) 0 0 no-repeat; position:relative;}
form#txpCommentInputForm label {color:white; font-size:110%;}
form#txpCommentInputForm .p {width:225px; float:right; padding-top:15px;}
input#name, input#email, input#web {width:100%; margin-bottom:10px;}
form#txpCommentInputForm .l small {text-align:right;}
textarea.txpCommentInputMessage{width:400px; height:152px; background:url('texy.gif') bottom right no-repeat #fff; border:1px solid #7F9DB9;}



/*  styles for the unit rater     */
.ratingblock {
	width: 50%;
	display:block;
	float:right;
	}

#main .ratingblock p { margin:3px 0 0 0; padding:0; font-size:x-small; text-align:center;}

.loading {
	height: 30px;
	background: url('working.gif') 50% 50% no-repeat;
	}
	
#main ul.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('starrating.gif') top left repeat-x;		
	}

#main ul.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
#main ul.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
#main ul.unit-rating li a:hover{
	background: url('starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

#main ul.unit-rating a.r1-unit{left: 0px;}
#main ul.unit-rating a.r1-unit:hover{width:30px;}
#main ul.unit-rating a.r2-unit{left:30px;}
#main ul.unit-rating a.r2-unit:hover{width: 60px;}
#main ul.unit-rating a.r3-unit{left: 60px;}
#main ul.unit-rating a.r3-unit:hover{width: 90px;}
#main ul.unit-rating a.r4-unit{left: 90px;}	
#main ul.unit-rating a.r4-unit:hover{width: 120px;}
#main ul.unit-rating a.r5-unit{left: 120px;}
#main ul.unit-rating a.r5-unit:hover{width: 150px;}
#main ul.unit-rating a.r6-unit{left: 150px;}
#main ul.unit-rating a.r6-unit:hover{width: 180px;}
#main ul.unit-rating a.r7-unit{left: 180px;}
#main ul.unit-rating a.r7-unit:hover{width: 210px;}
#main ul.unit-rating a.r8-unit{left: 210px;}
#main ul.unit-rating a.r8-unit:hover{width: 240px;}
#main ul.unit-rating a.r9-unit{left: 240px;}
#main ul.unit-rating a.r9-unit:hover{width: 270px;}
#main ul.unit-rating a.r10-unit{left: 270px;}
#main ul.unit-rating a.r10-unit:hover{width: 300px;}

#main .unit-rating li.current-rating {
	background: url('starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}