html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: black;
	font-size: 85%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url(/mozaika/_clip/bg_header.jpg) left top repeat-x;
}

h1 {
	font-size: 185%;
	color: #960C13;
	font-weight: normal;
	margin: 0 0 20px 0; padding: 0;
	line-height: normal;
}

h2 {
	margin: 0; padding: 15px 0;
	font-size: 155%;
	font-weight: normal;
	color: black;
	line-height: normal;
}

h2.error {
	margin: 15px 0; padding: 5px 10px;
	font-size: 135%;
	font-weight: normal;
	color: red;
	line-height: normal;
	border: 1px solid red;
}
h3 {
	margin: 15px 0 5px 0; padding: 0;
	color: #362341;
	font-size: 100%;
	font-weight: bold;
}
h4 {
	margin: 5px 0 10px 0; padding: 0;
	color: #757575;
	font-size: 100%;
	font-weight: bold;
}

h1, h2, h3, h4 {}

a {text-decoration: underline; color: #891419;}
a:hover {text-decoration: none; color: #000;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
abbr, acronym, .help {
	background: url(/mozaika/_clip/dot.gif) left bottom repeat-x;
	cursor: help;
	border: none;
}

hr {
	border: none;
	border-top: 1px dashed #C6C6C6;
	height: 1px; width: 100%;
	display: block;
}

/**/

#page {
    margin: 0 auto; padding: 0;
	width: 950px;
}

#content {
    width: 820px;
	margin: 0 auto;
}

#footer {
    display: table;
	clear: both;
	margin: 25px auto; padding: 10px 0;
	width: 820px;
	font-size: 80%;
	color: #797979;
	border-top: 1px solid #C6C6C6;
}

.surovina {
    width: 252px;
	float: left;
	margin: 15px 20px 0 0;
	text-align: justify;
}
.surovina img {display: block}

.mozaika-login-box {
	text-align: right;
	font-size: 85%;
	width: 820px;
	margin: 0 auto;
}

.kviz-login-box  {
   	margin: 0 0 0 20px; padding: 10px 0 10px 10px;
	width: 176px;
	font-size: 85%;
	float: right;
	display: inline;
	background: #C1C1C1 url(/mozaika/_clip/bg_login.gif) left top repeat-x;
}
.kviz-login-box .login-form input {
	border: 1px solid #cacaca;
	background: white;
	width: 115px;
	margin: 2px 0;
	font-size: 85%;
	float: left;
}
.kviz-login-box .login-links input.btn-login {
	margin: 0 0 5px 35px;
	border: 1px solid #A6A6A6;
	background: white;
	color: #5D0013;
	width: auto;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	float: none;
	font-size: 85%;
}
.kviz-login-box .login-form {padding-top: 5px}
.kviz-login-box .login-form span {display: block; padding: 3px 0 0 0; width: 35px; float: left;}
.kviz-login-box .login-links {padding: 5px 0 0 0; color: #383435;}
.kviz-login-box .login-links p {padding: 3px 0; margin: 0;}
.kviz-login-box h3 {margin: 0; padding: 0;}


#filter {
	font-size: 85%;
	width: 820px;
	margin: 0 auto 10px auto; padding: 0 0 5px 0;
	border-bottom: 1px solid #E4E4E4;
	display: table;
}
#filter img {vertical-align: middle;}

.mozaika-thumb {
	float: left;
	width: 250px;
	text-align: center;
	font-size: 95%;
	margin: 10px; padding: 15px 0 10px 0;
	background: url(/mozaika/_clip/bg_mozaika-thumb.gif) center top no-repeat;
}
.mozaika-thumb p {margin: 5px 0; padding: 0;}
.mozaika-thumb a img {border: 3px solid white;}
.mozaika-thumb a:hover img {border: 3px solid #000;}

.left-part .mozaika-thumb {margin: 0 15px 15px 0; padding: 15px 0 25px 0;}

/**/
#pohled-bg {
	background: #F2F2F2 url(/mozaika/_clip/top-corners.gif) center top no-repeat;
	width: 820px;
	margin: 0 auto; padding: 25px 0;
}

#pohled {
	width: 600px;
	margin: 20px auto 1px auto;
}
#pohled img {display: block;}
#autor {
	background: url(/mozaika/_clip/bottom-corners.gif) center top no-repeat;
	text-align: right;
	padding: 5px 10px 15px 10px;
	font-size: 90%;
}
.autor-name {color: #A5121F}
#odkaz {
	width: 600px;
	margin: 0 auto;
	color: #333333;
}
a.btn-pohled {
	display: block;
	width: auto;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #A5121F;
	padding: 5px;
	background: white;
}
a:hover.btn-pohled {
	background: #A5121F;
	color: white;
}
.friend a {
    background: url(/mozaika/_clip/mail-ico.gif) left center no-repeat;
	padding: 3px 0 3px 25px;
	font-size: 85%;
}
/**/

.hlasovani {
    margin: 5px 0 0 0;
	font-size: 85%;
	height: 28px;
}
.hlasy {font-size: 85%;}
.hlasy .body {font-weight: bold; color: #960C13;}
.hlasy .hlasujici {}
.hlasy .prumer {}

.voter-message {color: #960C13; font-style: italic;}
.voter {
	width: 183px;
	margin: 0 auto;
}
.voter a {
	width: 18px; height: 28px;
	display: block;
	float: left;
}
.voter a.num-1 {background: url(/mozaika/_clip/num-1.gif) left top no-repeat;}
.voter a.num-2 {background: url(/mozaika/_clip/num-2.gif) left top no-repeat;}
.voter a.num-3 {background: url(/mozaika/_clip/num-3.gif) left top no-repeat;}
.voter a.num-4 {background: url(/mozaika/_clip/num-4.gif) left top no-repeat;}
.voter a.num-5 {background: url(/mozaika/_clip/num-5.gif) left top no-repeat;}
.voter a.num-6 {background: url(/mozaika/_clip/num-6.gif) left top no-repeat;}
.voter a.num-7 {background: url(/mozaika/_clip/num-7.gif) left top no-repeat;}
.voter a.num-8 {background: url(/mozaika/_clip/num-8.gif) left top no-repeat;}
.voter a.num-9 {background: url(/mozaika/_clip/num-9.gif) left top no-repeat;}
.voter a.num-10 {background: url(/mozaika/_clip/num-10.gif) left top no-repeat;}

.voter a:hover.num-1 {background: url(/mozaika/_clip/num-1_on.gif) left top no-repeat;}
.voter a:hover.num-2 {background: url(/mozaika/_clip/num-2_on.gif) left top no-repeat;}
.voter a:hover.num-3 {background: url(/mozaika/_clip/num-3_on.gif) left top no-repeat;}
.voter a:hover.num-4 {background: url(/mozaika/_clip/num-4_on.gif) left top no-repeat;}
.voter a:hover.num-5 {background: url(/mozaika/_clip/num-5_on.gif) left top no-repeat;}
.voter a:hover.num-6 {background: url(/mozaika/_clip/num-6_on.gif) left top no-repeat;}
.voter a:hover.num-7 {background: url(/mozaika/_clip/num-7_on.gif) left top no-repeat;}
.voter a:hover.num-8 {background: url(/mozaika/_clip/num-8_on.gif) left top no-repeat;}
.voter a:hover.num-9 {background: url(/mozaika/_clip/num-9_on.gif) left top no-repeat;}
.voter a:hover.num-10 {background: url(/mozaika/_clip/num-10_on.gif) left top no-repeat;}

/**/
#pager {
	text-align: center;
	padding: 10px 0;
	clear: both;
}
#pager a {
	text-decoration: none;
	padding: 1px 3px;
	border: 1px solid #CCCCCC;
}
#pager strong {
	padding: 1px 3px;
	border: 1px solid #CCCCCC;
	background: #F6EFD8;
}
#pager a:hover {
	background: #F6EFD8;
}
#pager .pager-previous, #pager .pager-first , #pager .pager-next, #pager .pager-last {
	background: #EDEDED;
}
#pager .pager-list .pager-previous, #pager .pager-list .pager-first , #pager .pager-list .pager-next, #pager .pager-list .pager-last {
	background: none;
}


/**/

ul.submenu {
	margin: 0 20px 0 0; padding: 0;
	list-style: none;
	float: left;
	width: 252px;
}
ul.submenu li a {
	display: block;
	background: #F2F2F2;
	padding: 5px 10px;
	border-bottom: 1px solid white;
}
/* \*/ * html ul.submenu li a {height: 1%} /**/

/**/
table.poslat-kamaradovi td {
    vertical-align: top;
	padding: 3px 10px 3px 0;
}
table.poslat-kamaradovi td input {
	border: 1px solid #E4E4E4;
	background: #F2F2F2;
	width: 150px;
}
table.poslat-kamaradovi td textarea {width: 350px; height: 80px; border: 1px solid #E4E4E4;}
table.poslat-kamaradovi td textarea.email {height: 50px;}
table.poslat-kamaradovi td small {color: #797979; font-size: 80%;}
table.poslat-kamaradovi td input.btn-odeslat {
    width: auto;
	background: #9A141A;
	border-color: #9A141A;
	color: white;
	font-weight: bold;
}

table.kviz-table {width: 100%; font-size: 95%;}
.kviz-table th {
	padding: 3px 5px;
	background: #E4E4E4;
	vertical-align: top;
}
.kviz-table td {
	padding: 3px 5px;
	background: #F2F2F2;
	vertical-align: top;
}
.q-num {
	font-weight: bold;
	font-size: 165%;
	color: #A40C13;
}
.kviz-table ul {list-style: none; margin: 0; padding: 0;}
.kviz-table ul li {padding: 3px 0;}
.kviz-table ul li input {vertical-align: middle; margin: 0 10px 0 0;}
.kviz-table input.btn-odeslat {
	margin: 10px 0; padding: 5px;
	border: 2px solid #960C13;
	background: #FFF;
	color: black;
	font-weight: bold;
}
.vlastni-odpoved {
    width: 100%;
	border: 1px solid  #C1C1C1;
	background: white;
}
a.winners-btn {
	background: #E4E4E4;
	padding: 5px 7px; margin: 10px 0;
	display: block;
	width: 172px;
}
.right-part .kviz-table {font-size: 90%;}
.right-part .kviz-table td {width: 50%}


/*/\*/

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 3px solid #DFDFDF;}
a:hover img.img-border {border: 3px solid #767676;}

img.left-picture {margin: 0 15px 10px 0; float: left}
img.right-picture {margin: 0 0 10px 15px; float: right}

.infoBox {
	margin: 10px 0; padding: 10px;
	border: 1px solid #D2D2D2;
	background: #F3F3F3;
}


/***************/

.textRight {text-align: right;} .textCenter {text-align: center;} .textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}
.clear {clear: both; display: block; overflow: hidden; height: 1px;} .clearRight {clear: right;} .clearLeft {clear: left;}
.hide {display: none;}

input.noStyle {border: none !important; background: none !important;}

/***************/
@media print {
	body {
		background: white; color: black;
		font-size: 10pt;
		font-family: "Times New Roman", Times, serif;
		}
	h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color: black;}
	#page {width: 100%; padding: 0; margin: 0;}
	#left-menu, #top-menu, #main, #categories, #footer {display: none;}
	#content, #content.homepage, .homepage #bottom-text, #bottom-info, .top-number {width: 98%; line-height: normal; margin: 0; padding: 0; overflow: visible; position: static; background: white;}
	#bottom-text, #bottom-info, .top-number {padding: 20pt 0; float: none;}
	#homepage-vizual {background: none; height: auto; padding: 0; margin: 0;}
}