* {
margin:0;
padding:0;
}

body .fl_right {
float:right;
}
body .fl_left {
float:left;
}
body img.fl_left {
margin-bottom:10px;
margin-right:10px;
}
body .right-image {
float:right;
}
body .clear {
clear:both;
font-size:0.1px;
height:0.1px;
}
body .cl_left {
clear:left;
font-size:0.1px;
height:0.1px;
}
body .none {
display:none;
}

.mceEditor, .mceContentBody {
background-color:#FFFFFF;
z-index:5000;
}
.mceLayout {
z-index:5000;
}


/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.3;color:#000}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

body .alert {
	font-size: 14px;
	color: #DD133F;
	font-weight: bold;
	position: relative;
	top: -10px;
}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#232021}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#232021}

/* odkazy */
a {color:#DD1641;text-decoration:none}
a:hover {color:#DD1641;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:960px;background:#fff;margin:0 auto;padding:25px 20px;position:relative}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header h1, .header h1 a span {display:block;width:285px;height:55px;position:relative;overflow:hidden;font-size:1.6em;color:#000;cursor:pointer}
.header h1 a span {position:absolute;top:0;left:0;background:url(/themes/images/logo-bg.jpg) no-repeat}

.header .infoline, .header .infoline span {float:right;width:205px;height:45px;position:absolute;top:20px;right:20px;overflow:hidden;font-size:1.3em;font-weight:bold;color:#DD1641}
.header .infoline span {top:0;left:0;background:url(/themes/images/infoline-bg.png) no-repeat}

.header form {position:absolute;top:25px;right:20px;width:190px}
.header form label {position:absolute;top:0;left:-9999px}
.header form input.txt {width:140px;padding:8px;border:1px solid #D9D9D9;border-width:1px 0 1px 1px;font: normal 1.2em/1 Arial,sans-serif;color:#808080;position:relative;right:-3px}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {padding:30px 0 15px}
.nav li {float:left;font: bold 1.4em/1 Arial,sans-serif;font-size:1px}
.nav li a {float:left;color:#404040;text-transform:uppercase;text-decoration:none;border-left:1px dotted #D9D9D9;position:relative;height:25px;padding:2px 30px 0 15px;overflow:hidden}
.nav li a span {display:block;position:absolute;top:0;left:0;background-image:url(/themes/images/nav-a-bg.png);background-repeat:no-repeat;height:25px}
.nav li.list_of_questions a {width:130px}
.nav li.list_of_questions a span {width:150px;background-position:0 -98px}
.nav li.answer a {width:183px}
.nav li.answer a span {width:203px;background-position:0 0}
.nav li.question a {width:178px}
.nav li.question a span {width:208px;background-position:0 -25px}
.nav li.login  {float:right}
.nav li.login a {width:189px}
.nav li.login a span {width:218px;background-position:0 -50px}
.nav li.logout  {float:right}
.nav li.logout a {width:189px}
.nav li.logout a span {width:218px;background-position:0 -75px}
.nav li a:hover, .nav li.active a {color:#404040;border-left:1px solid #D9D9D9;text-decoration:none}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {margin:25px 0;background:url(/themes/images/content-bg.png) repeat-y 570px 0}
.content.index {background:none}
.content.registration {background-position:370px 0}
/*.content img.prev {float:left}
.content img.next {float:right}
.content img.prev, .content img.next {position:relative;top:45px}*/
div.questions{
	position:relative;
	padding:0 0 0 20px;
	}
div#ques_box{
/* 	width:920px; */
	height:109px;
	overflow:hidden;
	}
div#ques_box ul li
	{
	position:relative;
	}
div#ques_box ul li a{
	display:block;
	float:left;
	width:110px;
	height:109px;
	margin:0 15px 0 0;
	}
div#ques_box ul li a img{
	border:1px solid #D9D9D9;
	}
div#ques_box ul li h2{
	width:290px;
	text-transform:uppercase;
	margin:0 0 2px;
	padding:0 10px 0;
	font: bold 1.4em/1.2 Arial,sans-serif;
	}
div#ques_box ul li h2 a{
	display:inline;
	float:none;
	width:auto;
	height:auto;
	margin:0;
	}
div#ques_box ul li p{
	width:285px;
	padding:0 10px 0;
	font-size:1.2em;
	color:#575757;
	}
div#ques_box ul li a.qw_more{
	display:block;
	position:absolute;
	width:60px;
	height:21px;
	left:123px;
	bottom:0;
	}
button#prev,
button#next{
	display:block;
	position:absolute;
	width:12px;
	height:17px;
	top:45px;
	border:none;
	cursor:pointer;
	}
button#prev{
	left:0;
	background:transparent url("/themes/images/prev.png") 0 0 no-repeat;
	}
button#next{
	right:0;
	background:transparent url("/themes/images/next.png") 0 0 no-repeat;
	}



/*.content .questions div {float:left;width:290px;margin:0 15px 0 15px;display:inline}
.content .questions div.last {margin:0}
.content .questions div h2 {text-transform:uppercase;margin:0 0 2px;font: bold 1.4em/1.2 Arial,sans-serif}
.content .questions div p {font-size:1.2em;color:#575757}
.content .questions div img {float:left;border:1px solid #D9D9D9;margin:0 15px 0 0}
.content .questions div p img {border:0 none;display:block;margin:5px 0 0}*/
.content div.float-l {width:490px;padding:0 40px 0 40px}
.content div.float-l h2 {font: bold 2em/1.2 Arial,sans-serif;text-transform:uppercase;color:#dd133f;margin:0 0 15px}
.content div.float-l p {font-size:1.2em;margin:0 0 15px}
.content div.float-l p.right {margin:0}
.content div.float-l p strong {font-size:1.17em}
.content div.float-l p.comments {margin:0 0 5px 0;font-weight:bold}
.content div.float-l p.comment {font-size:1em}
.content div.float-l p.heading_answer,
.content div.float-l p.answerer {margin-bottom:0}
.content div.float-l p.answer{text-align:justify}
.content div.float-l form.question  label {font: bold 1.4em/1 Arial,sans-serif;display:block}
.content div.float-l form.question textarea {border:1px solid #D9D9D9;font: normal 1.2em/1 Arial,sans-serif;width:460px;padding:10px;margin:5px 0 10px}
.content div.float-l form.question .right input {margin-right: 8px;}
.content div.float-l form.poll label {font-size:1em}
.content div.float-l form.poll p {clear:left;padding:3px 0;margin:0}
.content div.float-l form.poll p input.txt {width:405px;border:1px solid #D9D9D9;font: normal 1.2em/1 Arial,sans-serif;}
.content div.float-l form.poll p.notice {margin:0 0 0 70px}
.content div.float-l form.poll fieldset h3 {font: bold 1.4em/1 Arial,sans-serif;margin:15px 0 10px}
.content div.float-l form.poll fieldset ul {float:left;width:360px}
.content div.float-l form.poll fieldset ul li {float:left;width:180px}
.content div.float-l form.poll fieldset label {font-size:1.2em;display:inline;font-weight:normal}
.content div.float-l form.poll fieldset.os label {float:left;width:70px;padding:3px 0 0;font-weight:bold;font-size:1em}
.content div.float-l form.poll p.notice label {float:none;width:250px;display:inline;font-size:0.83em;color:#797979;padding:0 5px}
.content div.float-l form.poll input.finish {float:right;margin-top:25px}
.content div.float-l h3 {font: bold 1.4em/1.2 Arial,sans-serif;color:#dd133f;text-transform:uppercase;margin:0 0 5px}

.content div.float-r {width:360px;padding:4px 15px 0}
.content div.float-r h2 {font: bold 1.6em/1.2 Arial,sans-serif;text-transform:uppercase;color:#6c6c6c;margin:0 0 13px 25px}
.content div.float-r img.prev, .content div.float-r ul {float:left}
.content div.float-r img.next {float:left}
.content div.float-r img.next, .content div.float-r img.prev {position:relative;top:100px}
.content div.float-r ul {padding:0 25px;font-size:1.2em;width:286px}
.content div.float-r ul li {display:block;width:286px;margin:6px 0}
.content div.float-r ul li a {color:#797979}
.content div.float-r ul li a:hover {color:#dd133f}
.content div.float-r p {font-size:1.2em;margin:10px 0 0 35px}

.registration div.float-l {width:290px}
.registration div.float-l form label {float:left;font-weight:bold;width:45px;padding:3px 0 0}
.registration div.float-l form p {margin:0 0 10px}
.registration div.float-l form p input.txt {width:205px;border:1px solid #D9D9D9;font: normal 1.2em/1 Arial,sans-serif;}
.registration div.float-l form input.login {margin:0 0 0 45px}

.registration div.float-r {width:510px;padding:38px 40px 0}
.registration div.float-r h2 {font: bold 1.4em/1.2 Arial,sans-serif;text-transform:uppercase;color:#dd133f;margin:0 0 5px}
.registration div.float-r h3 {font: bold 1.4em/1.2 Arial,sans-serif;color:#000;margin:0 0 5px}
.registration div.float-r p {font-size:1.2em;padding:3px 0;clear:left;margin:0}
.registration div.float-r form fieldset {margin:10px 0}
.registration div.float-r form p label {float:left;width:60px;font-weight:bold}
.registration div.float-r form p input.txt {width:170px;border:1px solid #D9D9D9;font: normal 1.2em/1 Arial,sans-serif;}
.registration div.float-r form p.short label {width:100px}
.registration div.float-r form p.short input.txt {width:130px}

.registration div.float-r form div {float:left;width:50%}
.registration div.float-r ul {padding:0;width:100%}
.registration div.float-r ul li {float:left;width:140px;margin:0 15px 0 0;display:inline;padding:15px 0 0}
.registration div.float-r ul li strong {display:block;line-height:1.2;margin:0 0 5px}
.registration div.float-r ul li span {display:block}
.registration div.float-r form p.notice {padding:40px 0 15px}
.registration div.float-r form p.notice label {float:none;width:250px;display:inline;font-size:0.83em;color:#797979;padding:0 5px}
.registration div.float-r form  ul li span{line-height:1.8;}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */
.leaderboard {width:960px;height:380px;position:relative}
.leaderboard.child {background:url(/themes/images/leaderboard.jpg) no-repeat}
.leaderboard.hastrman {background:url(/themes/images/leaderboard.jpg) no-repeat}
.leaderboard.fish {background:url(/themes/images/leaderboard.jpg) no-repeat}
/*
.leaderboard.child {background:url(/themes/images/leaderboard-bg-child.jpg) no-repeat}
.leaderboard.hastrman {background:url(/themes/images/leaderboard-bg-hastrman.jpg) no-repeat}
.leaderboard.fish {background:url(/themes/images/leaderboard-bg-fish.jpg) no-repeat}
*/
.leaderboard img {position:absolute;bottom:35px;right:35px}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
.clr {clear:both;height:0;font-size:0;line-height:0}
/* list of questions */
div.float-l h5
	{
	float:right;
	padding:10px 0 0;
	margin:0 0 0 45px;
	font-size:10px;
	}
div.float-r ul.list_of_questions
	{
	width:330px;
	padding:0 0 0 25px;
	}
div.float-r ul.list_of_questions li
	{
	width:auto;
	}
div.float-l ul.list_of_questions li
	{
	margin:0 0 8px;
	font-size:12px;
	}
div.float-l ul.list_of_questions li a,
div.float-l ul.list_of_questions li span
	{
	font-weight:bold;
	color:black;
	}
div.float-l ul.list_of_questions li a:hover
	{
	color:#dd133f;
	}
div.float-l ul.list_of_questions li span
	{
	float:right;
	text-align:right;
	}
div.float-l ul.list_of_questions li span.votes_in_list
	{
	margin:0 0 0 65px;
	}
div.float-l ul.list_of_questions li span.iterat
	{
	float:none;
	text-align:right;
	}
/* guest book */
div.g_book_heading
	{
	border-top:solid #d9d9d9 1px;
	padding: 25px 0 0;
	}
form.question
	{
	margin:0 0 30px;
	}
textarea#reaction
	{
	width:470px;
	}
div.reaction
	{
	margin:0 0 14px;
	font-size:1em;
	}
div.reaction p.date
	{
	float:right;
	margin:0;
	padding:2px 0 0;
	color:#797979;
	font-size:0.9em;
	}
div.reaction p.person
	{
	margin:0;
	font-weight:bold;
	}
div.reaction p.reaction_text
	{
	margin:3px 0 0;
	}
input.but_send
	{
	width:81px;
	height:21px;
	margin:0 !important;
	padding:0;
	border:none;
	background:transparent url("images/but_send.jpg") 0 0 no-repeat;
	cursor:pointer;
	}
input.reset
	{
	height:21px;
	margin:0 !important;
	padding:0;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:solid black 1px;
	background-color:transparent;
	font-family:Arial,Tahoma,sans-serif;
	font-size:1em;
	cursor:pointer;
	}
p.error
	{
	color:#dd133f;
	}
/* vote */
p.vote
	{
	display:block;
	float:right;
	width:105px;
	height:17px;
	margin:15px 0 0 !important;
	}
p.vote a,
p.vote span
	{
	display:block;
	float:left;
	width:16px;
	height:17px;
	margin:0 0 0 5px;
	}
p.vote a span
	{
	visibility:hidden;
	}
p.vote a.silver,
p.vote span.silver
	{
	background:transparent url("images/star_silver.jpg") 0 0 no-repeat;
	}
p.vote a.red,
p.vote span.red
	{
	background:transparent url("images/star_red.jpg") 0 0 no-repeat;
	}
p.note
	{
	margin:0 !important;
	padding:0;
	}