body, table, tr, th, td, select, input, p, li
{
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

A
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
A:active
{
}

TABLE
{
	margin: 0px;
	border-spacing: 0px;
	border-collapse: separate;
	border: 0px;
}

caption{
	display: table-caption;
	text-align: left;
	padding-bottom: 8px;
}

TR
{
}

TD
{
	padding: 0px;
}

TH
{
	padding: 0px;
	font-weight: bold;
}

TD .accesskey,
TH .accesskey
{
	float: right;
	font-size: larger;
	font-family: Courier;
	font-weight: bold;
	background-color: #b5b5b5;
	color: #303030;
	border: #909090 1px solid;
	text-align: center;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 4px;
	padding-right: 4px;
}


#obalovydiv
{
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	text-align: left;
	background-color: #ADADAD;
}

P.main_rss_desc
{
	color: #333333;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom: #333333 1px solid;
}

A.main_rss_link
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 25px;
}

/* ################################################################################################################# */

TD.main_header
{
	color: #dddddd;
	background-color: #CC0033;
	border-bottom: #AAAAAA 1px solid;
	padding-left: 5px;
	padding-right: 5px;

	/*
		filter: alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	*/

	text-align: center;
}

TD.main_data
{
	padding-left: 5px;
	padding-right: 5px;
}

TABLE.main_div2
{
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

TABLE.main_div2 TD.cap
{
	width: 75px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 1px;
	border-bottom: #A0A0A0 1px dotted;
}

TABLE.main_div2 TD.val
{
	width: 45px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 0px;
	text-align: right;
	xfont-weight: bold;
	border-bottom: #A0A0A0 1px dotted;
	white-space: nowrap;
}

TABLE.main_div2 TD:first-of-type
{
	padding-right: 0px;
}

TABLE.main_div2 TD:last-of-type
{
	padding-left: 0px;
}

TABLE.main_div2 tr:last-of-type td
{
	border-bottom: 0px;
}

TD.main_row_sep
{
	background-color: #808080;
}

/* ################################################################################################################# */

DIV.upvtFrame
{
	width: 90px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
	text-align: center;
	border: #000000 1px solid;
	visibility: hidden;
	position: absolute;
	float: none;
}

DIV.userFrame
{
	font-size: 10px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FFFFFF;
	text-align: center;
	border: #000000 1px solid;
	visibility: hidden;
	position: absolute;
	xxxfloat: none;

	top: 200px;
	left: 50px;
}

.stroke
{
	background-image: url(/graphics/navigation/stroke-black-001.gif);
	background-repeat: no-repeat;
	background-position: left;
}

H2.shop_company
{
	xbackground-color: #dddddd;
	background-color: #FFFFFF;
	xcolor: #CC0033;
	color: #000000;
	xwidth: 728px;
	width: 500px;
	text-align: center;
	xborder: 1px solid #CC0033;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	margin-left: 114px;
}

.photo-left
{
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

.photo-right
{
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
}

H2.models_category
{
	background-color: #dddddd;
	color: #CC0033;
	xwidth: 728px;
	display: block;
	text-align: center;
	border: 1px solid #CC0033;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

H1.page_title
{
	font-size: 18px;
	xbackground-color: #dddddd;
	xcolor: #CC0033;
	xwidth: 728px;
	display: block;
	text-align: center;
	xborder: 1px solid #CC0033;
	border: 0px;
	margin: 0px;
	padding: 0px;
}




A.toggleOpacity
{
	<!-- zlobi v Mozille, zakomentovano -->
		xbackground-color: #FFFFFF;
}
.toggleOpacity img
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.toggleOpacity:hover img
{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}



span.transOFF {}
span.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
span.trans25 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; }
span.trans75 {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }

div.transOFF {}
div.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
div.trans25 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; }
div.trans75 {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }

td.transOFF {}
td.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
td.trans25 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; }
td.trans75 {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }

a.transOFF {}
a.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
a.trans25 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; }
a.trans75 {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }

table.transOFF {}
table.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
table.trans25 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; }
table.trans50 {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50; }
table.trans75 {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }
table.trans85 {opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; }

.transOFF {}
.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
.trans25 {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; }
.trans50 {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.50; }
.trans75 {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }





/* &gt;&gt;&gt; ... or &lt;&lt;&lt; arrows style */
.gt_lt_tree
{
	letter-spacing: -6px;

	font-family: Courier;
	font-size: 14px;
	font-weight: bold;
}

/* &gt;&gt;&gt; ... or &lt;&lt;&lt; arrows style */
.gt_lt
{
	letter-spacing:-3px;
	font-family:Courier;
	font-size: 14px;
	font-weight:bold;
}

/* Model detail page formatting */
H1
{
	color: #000000;


	border-bottom: 1px solid #CC0033;
	padding-bottom: 2px;
	margin: 25px 0px 16px 0px;
	clear: both;
	xtext-align: center;
	font-size: 22px;
	font-weight: bold;


	xwidth: 100%;
}

H2
{
	xborder: 1px solid #CC0033;
	xbackground-color: #dddddd;
	xcolor: #CC0033;
	color: #000000;



	border-bottom: 1px solid #CC0033;
	padding-bottom: 2px;
	margin: 25px 0px 16px 0px;
	clear: both;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
}

H3
{
	color: #000000;


	margin: 15px 0px 11px 0px;
	clear: both;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
H3:last-child
{
	margin-bottom: 0px;
}

P
{
	text-indent: 25px;
	margin: 8px 0px 8px 0px;
	text-align: justify;
}

UL
{
	box-sizing: border-box;
}

LI
{
	xmargin-top: 8px;
	margin-bottom: 8px;
}

UL > LI > UL:first-of-type > LI:first-of-type
{
	margin-top: 10px;
}




P.podpis
{
	text-align: right;
	font-style: italic;
}

INPUT
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

SELECT
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

TEXTAREA
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	/* solves problem with width=100% & padding=XXXpx */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




TD.anywhere
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

TD.newStyle
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

TH.newStyle
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.form_button
{
	xborder: #dddddd 1px solid;
	border: #7f7f7f 1px solid;

	background-color: #CC0033;
	color: #dddddd;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
	padding: 3px 10px 3px 10px;
}

.form_button:hover
{
	xborder: #CC0033 1px solid;

	xbackground-color: #dddddd;
	xcolor: #CC0033;

	opacity: 0.75;
	border: #000000 1px solid;

	cursor: Pointer;
}


LABEL.form_input_required
{
	xborder-bottom: #FF0000 1px solid;
	xbackground-color: #CCFFFF;
	background-color: #DDDDDD;
	color: #000000;
	text-decoration: none;

	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;

	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;

	line-height: 160%;
}

LABEL.form_input
{
	background-color: #ADADAD;
	color: #000000;
	text-decoration: none;

	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;

	border: 0px;

	line-height: 160%;
}

/* otherwise is 2px higher than INPUT */
SELECT.form_input, SELECT.form_input_required
{
	padding: 1px 10px 1px 10px;
}

.form_input, .form_input_required, .form_input_date, .form_input_date_required
{
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;

	font-weight: normal;

	border: #7f7f7f 1px solid;
	padding: 2px 10px 2px 10px;
}

form input.error,
form select.error,
form textarea.error
{
	color: #ffffff;
	background-color: #ff0000;
	text-decoration: none;
	font-weight: normal;
	border: #7f7f7f 1px solid;
	padding: 2px 10px 2px 10px;
}

.form_input_required
{
	border-left: #FF0000 3px solid;
	padding-left: 3px;

	border-top: #7f7f7f 1px solid;
	border-bottom: #7f7f7f 1px solid;
	border-right: #7f7f7f 1px solid;
}

form input:focus,
form select:focus,
form textarea:focus
{
	background-color: #EEEE88;
	color: #000000;
}

.form_input_date, .form_input_date_required
{
	background-image: url('/graphics/cal.gif');
	background-repeat: no-repeat; background-position: right center;

	width: 130px;
}

.form_input_date_required
{
	border-left: #FF0000 3px solid;
	padding-left: 3px;
}









TH.form_caption
{
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}





TH.vt_separated
{
	xborder-bottom: #CC0033 1px solid;
	border-bottom: #000000 1px solid;
	text-align: left;
	padding-left: 5px;
	padding-right: 15px;
	color: #000000;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}

TD.vt_separated
{
	xborder-bottom: #CC0033 1px solid;
	border-bottom: #000000 1px solid;
 	padding-left: 0px;
	padding-right: 5px;
	color: #000000;
	font-weight: normal;
}

TH.ht_separated
{
	background-color: #CC0033;
	color: #dddddd;
	xborder-bottom: #CC0033 1px solid;
	border-bottom: #000000 1px solid;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}

TD.ht_separated
{
	xborder-bottom: #CC0033 1px solid;
	border-bottom: #000000 1px solid;
 	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}

TH.ht_not_separated
{
	background-color: #CC0033;
	color: #dddddd;
	xborder-bottom: #CC0033 1px solid;
	border-bottom: #000000 1px solid;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}

TD.ht_not_separated
{
	xborder-bottom: #CC0033 1px solid;
	xborder-bottom: #000000 1px solid;
 	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}


IFRAME
{
	margin: 0px;
	padding: 0px;
	border: none;
}





/*
	Great tables CSS design: https://www.smashingmagazine.com/2008/08/top-10-css-table-designs/
*/

.box-table-a
{
	text-align: left;
	border-collapse: collapse;
	border-bottom: #CC0033 2px solid;
}
.box-table-a th
{
	font-weight: normal;
	background: #CC0033;
	/*
		border-top: 4px solid #aabcfe;
	*/
	border-bottom: 1px solid #000000;
	color: #dddddd;
	padding: 2px 10px 2px 10px;
}
.box-table-a td
{
	background: #DDDDDD;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 2px 10px 2px 10px;
}
.box-table-a tr:hover td
{
	background: #EEEE88;
	color: #000000;
}



.box-table-a tr.red td
{
	background: #FF9F9F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 2px 10px 2px 10px;
}
.box-table-a tr.red:hover td
{
	background: #FF6060;
}

.box-table-a tr.green td
{
	background: #7FFF7F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 2px 10px 2px 10px;
}
.box-table-a tr.green:hover td
{
	background: #20FF20;
}

.box-table-a tr.yellow td
{
	background: #FFFF7F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 2px 10px 2px 10px;
}
.box-table-a tr.yellow:hover td
{
	background: #DFDF00;
}

.box-table-a tr.white td
{
	background: #FFFFFF;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 2px 10px 2px 10px;
}
.box-table-a tr.white:hover td
{
	background: #EEEE88;
}

.box-table-a tr.selected td
{
	background: #EEEE88;
	color: #000000;
}
.box-table-a tr.selected:hover td
{
	background: #FFFF30;
	color: #000000;
}

.box-table-a tr th a
{
	color: #dddddd;
	font-weight: normal;
}





/* same, but bigger top & bottom paddings - in case of multiline rows looks much better - ie. user blogs list */
.box-table-a-v2,
.model_body table,
.article .body table,
.mceContentBody table
{
	text-align: left;
	border-collapse: collapse;
	border-bottom: #CC0033 2px solid;
}
.box-table-a-v2 th,
.model_body table th,
.article .body table th,
.mceContentBody table th
{
	font-weight: normal;
	background: #CC0033;
	border-bottom: 1px solid #000000;
	color: #dddddd;
	padding: 5px 10px 5px 10px;
}
.box-table-a-v2 td,
.model_body table tr td,
.article .body table tr td,
.mceContentBody table tr td
{
	background: #DDDDDD;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.box-table-a-v2 tr:hover td,
.model_body table tr:hover td,
.article .body table tr:hover td,
.mceContentBody table tr:hover td
{
	background: #EEEE88;
	color: #000000;
}

.box-table-a-v2 tr.selected td
{
	background: #EEEE88;
	color: #000000;
}
.box-table-a-v2 tr.selected:hover td
{
	background: #FFFF30;
	color: #000000;
}

.article .body table
{
	margin-top: 15px;
	margin-bottom: 10px;
}

.article .body div.box_tables
{
}
.article .body div.box_tables table
{
	display: inline-block;
}



.box-table-a-v2 tr.red td
{
	background: #FF9F9F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.box-table-a-v2 tr.red:hover td
{
	background: #FF6060;
}

.box-table-a-v2 tr.green td
{
	background: #7FFF7F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.box-table-a-v2 tr.green:hover td
{
	background: #20FF20;
}

.box-table-a-v2 tr.yellow td
{
	background: #FFFF7F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.box-table-a-v2 tr.yellow:hover td
{
	background: #DFDF00;
}

.box-table-a-v2 tr.white td
{
	background: #FFFFFF;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.box-table-a-v2 tr.white:hover td
{
	background: #EEEE88;
}






/*
	Super vychytavka "last-of-type", nekde se mi muze hodit: https://www.w3.org/wiki/CSS/Selectors/pseudo-classes/:last-of-type
	... hlavne treba pro padding - prvni a posledni sloupec udelat 2x vetsi .. a pak mezi bunkama a od kraje tabulku budou stejne mezery

	.nobox-table-a-v2 tr:last-of-type td
	{
		border-bottom: 0px;
	}

	Vsechny selektory zde: https://www.w3.org/community/webed/wiki/CSS/Selectors

*/






/* same, but bigger top & bottom paddings - in case of multiline rows looks much better - ie. user blogs list */
.nobox-table-a-v2
{
	text-align: left;
	border-spacing: 0px;
}
.nobox-table-a-v2 td
{
	background: #DDDDDD;
	color: #000000;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.nobox-table-a-v2 tr:last-of-type td
{
	border-bottom: 0px;
}
.nobox-table-a-v2 tr:hover td
{
	background: #EEEE88;
	color: #000000;
}


.nobox-table-a-v2 tr.selected td
{
	background: #EEEE88;
	color: #000000;
}
.nobox-table-a-v2 tr.selected:hover td
{
	background: #FFFF30;
	color: #000000;
}





.nobox-table-a-v2 tr.red td
{
	background: #FF9F9F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.nobox-table-a-v2 tr.red:hover td
{
	background: #FF6060;
}

.nobox-table-a-v2 tr.green td
{
	background: #7FFF7F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.nobox-table-a-v2 tr.green:hover td
{
	background: #20FF20;
}

.nobox-table-a-v2 tr.yellow td
{
	background: #FFFF7F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.nobox-table-a-v2 tr.yellow:hover td
{
	background: #DFDF00;
}

.nobox-table-a-v2 tr.white td
{
	background: #FFFFFF;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.nobox-table-a-v2 tr.white:hover td
{
	background: #EEEE88;
}










.box-table-tbody-a
{
	text-align: left;
	border-collapse: collapse;
	border-bottom: #CC0033 2px solid;
}
.box-table-tbody-a th
{
	font-weight: normal;
	background: #CC0033;
	border-bottom: #000000 1px solid;
	color: #dddddd;
	padding: 5px 10px 2px 10px;
}
.box-table-tbody-a td
{
	background: #DDDDDD;
	xborder-bottom: 1px solid #D0D0D0;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 5px 10px 5px 10px;
}
.box-table-tbody-a tbody tr:last-of-type td
{
	border-bottom: #AFAFAF 1px solid;
}
.box-table-tbody-a tbody:hover tr td
{
	background: #EEEE88;
	color: #000000;
}
.box-table-tbody-a tbody.white td
{
	background: #FFFFFF;
	color: #000000;
}
.box-table-tbody-a tbody.white:hover td
{
	background: #EEEE88;
}
.box-table-tbody-a tbody.red td
{
	background: #FF9F9F;
	color: #000000;
}
.box-table-tbody-a tbody.red:hover td
{
	background: #FF6060;
}
.box-table-tbody-a tbody.green td
{
	background: #7FFF7F;
	color: #000000;
}
.box-table-tbody-a tbody.green:hover td
{
	background: #20FF20;
}
.box-table-tbody-a tbody.yellow td
{
	background: #FFFF7F;
	color: #000000;
}
.box-table-tbody-a tbody.yellow:hover td
{
	background: #DFDF00;
}






.links
{
	line-height: 200%;
}





.buttons
{
	line-height: 250%;
}
.buttons > *
{
	margin-right: 10px;
	xmargin-bottom: 10px;

	xmargin-top: 5px;
	xmargin-top: 5px;

	line-height: 100%;

	xborder: RED 1px solid;

	vertical-align: middle;
}


/*
	.buttons *:last-of-type
	{
		margin-right: 0px;
	}
*/

.buttons *:last-child
{
	margin-right: 0px;
}



.buttons *.minor
{
	font-weight: normal;
}


.a-button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #dddddd;
	background: #CC0033;

	xborder: #dddddd 1px solid;
	border: #7f7f7f 1px solid;

	padding: 3px 10px 3px 10px;

	xmargin-top: 5px;
	xmargin-top: 5px;

	text-decoration: none;
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	border-radius: 4px;
}
.a-button:hover
{
	xborder: #CC0033 1px solid;


	xxcolor: #CC0033;
	xxbackground: #dddddd;

	opacity: 0.75;
	border: #000000 1px solid;



	text-decoration: none;
}

.a-button-big14
{
	font-size: 14px;
	font-weight: bold;
	color: #dddddd;
	background: #CC0033;

	xborder: #dddddd 1px solid;
	border: #7f7f7f 1px solid;

	padding: 3px 12px 3px 12px;
	text-decoration: none;
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	border-radius: 4px;
}
.a-button-big14:hover
{
	xborder: #CC0033 1px solid;

	xcolor: #CC0033;
	xbackground: #dddddd;

	opacity: 0.75;
	border: #000000 1px solid;

	text-decoration: none;
}


UL.cols_2
{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}

UL.cols_3
{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}

UL.cols_4
{
	-webkit-column-count: 4;
	-moz-column-count: 4;
	-o-column-count: 4;
	column-count: 4;
}

@media screen and (max-width: 1024px) {
	UL.cols_4
	{
		-webkit-column-count: 3;
		-moz-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
	}

	UL.cols_3
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
	}
}

@media screen and (max-width: 800px) {
	UL.cols_4
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
	}

	UL.cols_2
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
}

@media screen and (max-width: 650px) {
	UL.cols_3
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
}

@media screen and (max-width: 500px) {
	UL.cols_4
	{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
}

/* ################################################################################################################# */


.forum_categories
{
	text-align: left;
	border-collapse: collapse;
	border-bottom: #CC0033 2px solid;
}

.forum_categories tr.group_heading_active
{
}
.forum_categories tr.group_heading_active td
{
	font-size: 16px;
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #7F7F7F;
	padding: 5px 10px 5px 10px;
}
.forum_categories tr.group_heading_inactive
{
}
.forum_categories tr.group_heading_inactive td
{
	font-size: 16px;
	background-color: #FF9F9F;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #7F7F7F;
	padding: 5px 10px 5px 10px;
}
.forum_categories tr:hover.group_heading_inactive td
{
	background: #FF6060;
}

.forum_categories th
{
	font-weight: normal;
	background: #CC0033;
	border-bottom: 1px solid #000000;
	color: #dddddd;
	padding: 5px 10px 5px 10px;
}
.forum_categories td
{
	background: #DDDDDD;
	border-bottom: 1px solid #C0C0C0;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 8px 10px 8px 10px;
}
.forum_categories tr:hover.data td
{
	xbackground: #E5E5E5;
	color: #000000;
	border-bottom: #7f7f7f 1px solid;
}
.forum_categories tr.inactive td
{
	background: #FF9F9F;
	border-bottom: 1px solid #C0C0C0;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 8px 10px 8px 10px;
}
.forum_categories tr:hover.data.inactive td
{
	background: #FF6060;
}

.forum_categories tr td .admin_tools,
.forum_topics tr td .admin_tools
{
	filter: alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;
}
.forum_categories tr:hover td .admin_tools,
.forum_topics tr:hover td .admin_tools
{
	filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
}



.forum_topics
{
	text-align: left;
	border-collapse: collapse;
	border-bottom: #CC0033 2px solid;
}
.forum_topics th
{
	font-weight: normal;
	background: #CC0033;
	border-bottom: 1px solid #000000;
	color: #dddddd;
	padding: 5px 10px 5px 10px;
}
.forum_topics td
{
	background: #DDDDDD;
	border-bottom: 1px solid #C0C0C0;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 8px 10px 8px 10px;
}
.forum_topics tr:hover td
{
	xbackground: #EEEE88;
	color: #000000;
}
.forum_topics tr.red td
{
	background: #FF9F9F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
}
.forum_topics tr.red:hover td
{
	background: #FF6060;
}



.forum_posts
{
	text-align: left;
	border-collapse: collapse;
	border-bottom: #CC0033 2px solid;
}
.forum_posts th
{
	font-weight: normal;
	background: #CC0033;
	border-bottom: 1px solid #000000;
	color: #dddddd;
	padding: 5px 10px 5px 10px;
}
.forum_posts td
{
	background: #DDDDDD;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 20px 10px 8px 10px;
}
.forum_posts tr.selected td
{
	background: #EEEE88;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 20px 10px 8px 10px;
}
.forum_posts tr:hover td
{
	xbackground: #EEEE88;
	xcolor: #000000;
}


.forum_posts tr.red td
{
	background: #FF9F9F;
	border-bottom: 1px solid #7F7F7F;
	color: #000000;
	border-top: 1px solid transparent;
	padding: 20px 10px 8px 10px;
}
.forum_posts tr.red:hover td
{
	background: #FF6060;
}



/* ################################################################################################################# */



div.error_box,
div.form_error_box
{
	background-color: #EEEEEE;
	padding: 10px 15px 10px 15px;
	border: #7f7f7f 1px solid;
	color: #FF0000;
	margin-bottom: 15px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div.error_box > h3:first-of-type,
div.form_error_box > h3:first-of-type
{
	margin-top: 0px;
	color: #AF0000;
}
div.error_box p
div.form_error_box p
{
	xcolor: #FF0000;
}

div.success_box,
div.form_success_box
{
	background-color: #EEEEEE;
	padding: 10px 15px 10px 15px;
	border: #7f7f7f 1px solid;
	color: #00af00;
	margin-bottom: 15px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div.success_box > h3:first-of-type,
div.form_success_box > h3:first-of-type
{
	margin-top: 0px;
	color: #00af00;
}
div.success_box p
div.form_success_box p
{
	xcolor: #00af00;
}

div.info_box
{
	background-color: #EEEEEE;
	padding: 10px 15px 10px 15px;
	border: #7f7f7f 1px solid;
	margin-bottom: 15px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div.info_box > h3:first-of-type
{
	margin-top: 0px;
}


/* OLD one - have to be replaced with "form_error_box" */
div.form_input_errors
{
	background-color: #EEEEEE;
	padding: 10px 15px 10px 15px;
	border: #000000 1px solid;
	color: #FF0000;
	margin-bottom: 10px;
}
div.form_input_errors h3
{
	margin-top: 0px;
	color: #FF0000;
}
div.form_input_errors p
{
	color: #FF0000;
}



/* ################################################################################################################# */


/* probably obsolete ? using DIV instead of TABLE */

table.users_online
{
	width: 75px;
	border-collapse: collapse;
}
table.users_online th
{
	padding: 1px 3px 1px 3px;
	font-weight: normal;
	color: #dddddd;
	background-color: #CC0033;
	text-align: middle;
	border-width: 0px;
	border-bottom: #dddddd 1px solid;
}
table.users_online th a
{
	color: inherit;
}
table.users_online td
{
	padding: 5px 10px 5px 10px;
	text-align: left;
	border-width: 1px;
	border-style: dotted;
	border-color: #7F7F7F;
}
table.users_online td:hover
{
	background-color: #BBBBBB;
}



/* ################################################################################################################# */



div.chat_messages
{
	color: #000000;
	font-family: Verdana;
}
div.chat_messages div.message_my
{
	color: #000000;
	font-weight: bold;
}
div.chat_messages div.message_notmy
{
	color: #000000;
}
div.chat_messages div.message_my span.date, div.chat_messages div.message_notmy span.date
{
	color: #AFAFAF;
	font-weight: normal;
}
div.chat_messages div.message_my a.delete, div.chat_messages div.message_notmy a.delete
{
	background-image: url('/graphics/icons/dot-red.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 6px 6px 8px 6px;
	margin-left: 5px;
}
div.chat_messages span.chat_msg_about_me
{
	font-weight: bold;
	color: #AF0000;
}


/* ############################################## Wiki ############################################################# */

.infobox
{
	border-spacing: 0px;
	xmargin: 20px 0px 20px 0px;
	margin: 20px auto 20px auto;
}
.infobox tr
{
	vertical-align: top;
}
.infobox tr th
{
	text-align: left;
	padding: 4px 20px 4px 2px;
	border-bottom: 1px dotted #7F7F7F;
}
.infobox tr td
{
	padding: 4px 2px 4px 2px;
	border-bottom: 1px dotted #7F7F7F;
}
.infobox tr:hover th
{
	xbackground-color: #D0D0D0;
}
.infobox tr:hover td
{
	xbackground-color: #D0D0D0;
}

/* ############################################## Gallery ############################################################# */

.gallery_icons
{
}
.gallery_icons img
{
	border: #7F7F7F 1px solid;
	cursor: Pointer;

	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;

	margin: 0px 0px;
	border-radius: 10px;
}
.gallery_icons img:hover
{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.gallery_icons div.icon_wrap
{
	position: relative;
	display: inline-block;
}
.gallery_icons div.icon_wrap a.full
{
	z-index: 999 !important;
}
.gallery_icons div.icon_wrap a.full img
{

	border: #7f7f7f 1px solid;
	border-radius: 50%;

	position: absolute;
	top: -16px;
	right: -16px;
	width: 32px;
	height: 32px;

	content: url('/graphics/icons/plus-v2-48px.png');

    background: url('/graphics/icons/plus-v2-48px.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;

	opacity: 0.5;

	z-index: 1000 !important
}

.gallery_icons div.icon_wrap a.full img:hover
{
	filter: invert(100%);
	opacity: 1;
}

.gallery_full
{
	display: none;
	text-align: center;
}
.gallery_full img
{
	border: #7F7F7F 1px solid;
	cursor: Pointer;

	margin-bottom: 10px;

	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	xwidth: 100%;
	max-width: 100%;
}

/* ############################################## Thumbnail ############################################################# */

/*
	https://jonathannicol.com/blog/2014/06/16/centre-crop-thumbnails-with-css/
*/
.thumbnail
{
	display: inline-block;
	position: relative;
	width: 110px;
	height: 65px;
	overflow: hidden;
}
.thumbnail img
{
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.thumbnail img.landscape
{
	height: 100%;
	width: auto;
}
.thumbnail img.portrait
{
	width: 100%;
	height: auto;
}


.thumbnail div
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 4px 4px 5px #000000;
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


a.rss_link
{
	display: inline-block;
	text-indent: 25px;
	min-height: 16px;
	min-width: 16px;
	background-image: url('/graphics/icons/rss.gif');
	background-repeat: no-repeat;
}


div.advise_reply_count
{
	box-sizing: content-box;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	font-size: 32px;
	width: 36px;
	height: 36px;
	padding: 8px;

	background: #75845C;
	border: 2px solid #606060;
	color: #ffffff;
	text-align: center;
}

div.advise_comment_count
{
	box-sizing: content-box;

	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	font-size: 20px;
	width: 22px;
	height: 22px;
	padding: 4px;

	/* #FFB347 #EF9300 */
	background: #FFB347;
	border: 1px solid #606060;
	color: #404040;
	text-align: center;
}

.advise_reply_count_small
{
	box-sizing: content-box;

	display: inline-block;
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	font-size: 12px;
	width: 14px;
	height: 14px;
	padding: 2px;

	background: #75845C;
	border: 0px solid #bbbbbb;
	color: #ffffff;
	text-align: center;
}

.advise_comment_count_small
{
	box-sizing: content-box;

	display: inline-block;
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	font-size: 12px;
	width: 14px;
	height: 14px;
	padding: 2px;

	background: #eeB347;
	border: 0px solid #bbbbbb;
	color: #404040;
	text-align: center;
}

.advise_empty_count_small
{
	box-sizing: content-box;

	display: inline-block;
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	font-size: 12px;
	width: 12px;
	height: 12px;
	padding: 2px;

	background: #d5d5d5;
	border: 1px solid #bbbbbb;
	color: #bbbbbb;
	text-align: center;
}

.txt_dot_green
{
	background-image: url('/graphics/greenDot_12x12.gif');
	background-repeat: no-repeat;
	background-position: left;
	/* to handle line break */
	background-position-y: 2px;
	display: inline-block;
	min-width: 16px;
	min-height: 16px;
	text-indent: 20px;
}
.txt_dot_red
{
	background-image: url('/graphics/redDot_12x12.gif');
	background-repeat: no-repeat;
	background-position: left;
	/* to handle line break */
	background-position-y: 2px;
	display: inline-block;
	min-width: 16px;
	text-indent: 20px;
}
.txt_invisible
{
	background-image: url('/graphics/icons/invisible.gif');
	background-repeat: no-repeat;
	background-position: left;
	/* to handle line break */
	background-position-y: 4px;
	display: inline-block;
	min-width: 16px;
	text-indent: 20px;
}
.txt_next_level
{
	background-image: url('/graphics/icons/nextlvl7.gif');
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	min-width: 16px;
	text-indent: 25px;
	margin-left: 10px;
}









/* ############################################## Vehlicles details ############################################################# */

div.cars_list
{
	margin-top: 20px;
}
div.cars_list div.car
{
	background-color: #EEEEEE;
	padding: 10px 15px 10px 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	border: #7f7f7f 1px solid;
}
div.cars_list div.car:last-of-type
{
	margin-bottom: 0px;
}
div.cars_list div.car a.image
{
	xwidth: 150px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 15px;
	float: left;
}
div.cars_list div.car a.image img.photo
{
	width: 300px;
	height: 200px;
	object-fit: cover;
	border: #7f7f7f 1px solid;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div.cars_list div.car a.image img.nophoto
{
	border: 0px;
	width: 48px;
	height: 48px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
}
div.cars_list div.car h3
{
	clear: none;
}


/* ############################################## User Box ############################################################# */

a {
	text-decoration: none;
	color: #0000ff;
}

.sex_m {
	color: #016D9A;
}
.sex_f {
	color: #EE0005;
}
.sex_x {
	color: #7F7F7F;
}

#popup_user
{
	xposition: absolute;
	xvisibility: hidden;
	xdisplay: inline-block;

	position: absolute;

	display: none;
	z-index: 1000;
	background-color: #ffffff;
	xpadding: 5px 10px 7px 10px;
	border: #cccccc 1px solid;
	border-radius: 5px;
	box-shadow: 3px 3px 5px #dddddd;
	xtext-align: center;
	min-width: 300px;
	max-width: 400px;
}
#popup_user .username
{
	font-size: 12px;
	font-family: Verdana;
	display: inline-block;
	font-weight: bold;
}
#popup_user img.icon
{
	margin-top: 5px;
	display: block;
	border-radius: 5px;
	max-width: 100px;
}
#popup_user .location
{
	font-family: Arial;
	display: block;
	margin-top: 10px;
}
#popup_user .age
{
	font-size: 11px;
	font-family: Arial;
	display: inline-block;
	margin-top: 2px;
	float: right;
	margin-right: 20px;
}
#popup_user .flag
{
	float: right;
	opacity: 0.50;
	border: #cccccc 1px solid;
}
#popup_user .owners p
{
    text-indent: 0px;
}
#popup_user .buttons
{
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 5px 10px 5px 10px;
	border-top: #cccccc 1px solid;
	background-color: #f2f2f2;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: right;
}
#popup_user .buttons *
{
	display: inline-block;
	padding: 5px 10px 5px 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	border: #cccccc 1px solid;
	background-color: #f7f8f9;
	color: #000000;
	border-radius: 2px;
	text-decoration: none;
}
#popup_user .buttons *:first-of-type
{
	margin-left: 0px;
}
#popup_user .buttons *:last-of-type
{
	margin-right: 0px;
}
#popup_user .buttons *:hover
{
	background-color: #f0f0f0;
	border: #7f7f7f 1px solid;
}
#popup_user .buttons *.clubmail
{
	background-repeat: no-repeat; background-position: left center;

	xbackground-image: url('/graphics/icons/clubmail_32px.png');
	xbackground-position: 6px 7px;
	xbackground-size: 16px 16px;
	xpadding-left: 30px;

	background-image: url('/graphics/navigation/mail.gif');
	background-position: 6px 7px;
	background-size: 13px 10px;
	padding-left: 27px;
}

.main_heading
{
	margin-top: 5px;
	background-color: #CC0033;
	text-align: left;
	padding: 4px 10px;
	border-radius: 3px;
}

.main_heading a
{
	color: #dddddd;
	xfont-weight: bold;
}

.main_content
{
	margin-top: 5px;
	padding: 5px 10px 5px 10px;
	border: #7F7F7F 1px solid;
	background-color: #DDDDDD;
	border-radius: 3px;
}
.main_content > *:last-of-type
{
	margin-bottom: 4px;
}

.main_content table
{
	width: 100%;
}
.main_content table tr >*:first-of-type
{
	padding: 2px 5px 2px 5px;
}
.main_content table tr > *:first-of-type
{
	padding-left: 0px;
}
.main_content table tr > *:last-of-type
{
	padding-right: 0px;
}


/****** YouTube to be responsive ******/

.videoWrapper
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}

/****** Google Custom Search IFRAME ******/

.googleCseWrapper
{
	position: relative;
	padding-bottom: 1500px;
	padding-top: 25px;
	height: 0;
}
.googleCseWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/****** Smiley ******/

#smile_board a
{
	border: #a0a0a0 1px solid;
	border-radius: 5px;
	background-color: #b0b0b0;
	display: inline-block;
	margin: 2px 0px;
	text-align: center;
	vertical-align: middle;
}
.touch #smile_board a
{
	width: 40px;
	height: 35px;
}
.no-touch #smile_board a
{
	min-width: 30px;
	height: 20px;
}
#smile_board a:hover
{
	border: #909090 1px solid;
	background-color: #ffffff;
}
#smile_board a img
{
	xborder: GREEN 1px solid;
	vertical-align: middle;
	height: auto;
}


/****** top_template New responsive design ******/

img.responsive
{
	max-width: 100%;
	height: auto;
	aspect-ratio: attr(width) / attr(height);
}

.vertical-align
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

input, textarea, select, div, img, table {
	box-sizing: border-box;
}

input[type=checkbox].checked_warn:checked + label,
input[type=checkbox].unchecked_warn:not(:checked) + label
{
	color: #af0000;
	font-weight: bold;
}
input[type=checkbox].checked_good:checked + label,
input[type=checkbox].unchecked_good:not(:checked) + label
{
	color: #007f00;
	font-weight: bold;
}

body
{
	margin: 0 auto;
	padding: 8px;
}

#header {
	xbackground-color: #eeeeee;
	xborder: red 1px solid;
}

#obsah_wrapper {
	width: 100%;
}
#obsah {
	/* browsers which does not support CSS calc() - backward compatibility */
	xwidth: 78%;
	/* event 100% width makes problem ... so I try few percent less */
	width: 77%;

	width: calc(100% - 230px);


	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	xborder: red 1px solid;
}
#sidebar_left {
	/* browsers which does not support CSS calc() - backward compatibility */
	width: 12%;

	width: 120px;


	display: inline-block;
	vertical-align: top;
	xborder: red 1px solid;
}
#sidebar_left .toplist {
	margin-top: 10px;
}
#sidebar_left .partner {
}
#sidebar_left .newest_photo {
	margin-top: 10px;
}
#sidebar_right {
	/* browsers which does not support CSS calc() - backward compatibility */
	width: 10%;

	width: 110px;


	display: inline-block;
	vertical-align: top;
	padding-left: 0px;
	padding-top: 10px;
	xborder: red 1px solid;
}
#footer {
	margin-top: 15px;
	xbackground-color: #eeeeee;
	xborder: red 1px solid;
}


#search
{
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 7px;
	text-align: center;
	vertical-align: top;
}

#div_login
{
	display: inline-block;
	margin-bottom: 0px;
	margin-top: 7px;
	text-align: center;
	vertical-align: top;
}

#lupa
{
	width: 32px;
	height: 32px;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
	cursor: pointer;
	display: none;
	opacity: 0.50;
	float: right;
}

#img_login
{
	width: 32px;
	height: 32px;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
	cursor: pointer;
	display: none;
	opacity: 0.50;
	float: right;
}

#m_login_register
{
	display: none !important;
}

#menu_button_show
{
	display: none;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	margin-right: 15px;
	margin-bottom: 10px;

	vertical-align: top;
	xborder: cyan 1px solid;

	padding-left: 34px;

	min-width: 46px;

	background-image: url('/graphics/icons/menu-resp-24x20-white.png');
	background-repeat: no-repeat; background-position: left center;
	background-position: 10px 11px;
	background-size: 24px 20px;

	min-height: 43px; /* when MENU text is hidden */
}
#menu_button_show .text
{
	xcolor: RED;
	display: inline-block;
	padding-left: 8px;
	padding-top: 3px;
	line-height: 90%;
}
#menu_wrapper
{
	margin-top: 10px;
}

#MainMenuNav
{
	font-family: Verdana, sans-serif;
	font-size: 11px;

	xwidth: 110px;
	width: 100%;
	xheight: 0px;

	margin: 0px;

	padding-left: 0px; /* odsazeni 1. zalozky zleva */
	background: url(/graphics/dots/dot_1px_000000.gif) repeat-x bottom; /* bottom = kde ma byt cara - pod menu, nad ci ma jit prostredkem ? */
	xborder-top: 2px solid #AAAAAA; /* cara nad polozkami menu */
	border-bottom: 0px solid #AAAAAA; /* cara pod polozkami menu */
}

#MainMenuNav LI
{
	xwidth: 110px;
	margin: 0px;
	display: block;
	list-style-type: none;
}




#MainMenuNav LI A
{
}

#MainMenuNav LI A div.icon_small
{
	display: inline-block;
	text-align: center;
	width: 16px;
	height: 16px;
	margin-right: 5px;

	XXXborder: RED 1px solid;
}
#MainMenuNav LI A div.icon_small img
{
	vertical-align: middle;

	XXXborder: GREEN 1px solid;
}

#MainMenuNav LI A div.icon_big
{
	/*
		display: inline-block;
	*/
	display: none;
	text-align: center;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-top: -5px;
	margin-bottom: -5px;

	border: RED 1px solid;
}
#MainMenuNav LI A div.icon_big img
{
	XXXvertical-align: middle;

	XXXborder: GREEN 1px solid;
}



#MainMenuNav LI A SPAN.count
{


	float: right;
	display: inline-block;
	padding: 3px 3px 3px 3px;
	vertical-align: bottom;
	margin-top: -3px;
	margin-right: -5px;

	border-radius: 50%;
	min-width: 12px;
	text-align: center;





	/*
		float: right;
		display: inline-block;
		padding: 5px 10px 5px 10px;
		margin-top: -6px;
		height: 30px;
		border-radius: 15px;
	*/



	font-weight: bold;
	color: #CC0033;
	background-color: #dddddd;
}

/* Neaktivni zalozky */
#MainMenuNav A:link,
#MainMenuNav A:visited
{
	display: block;

	/* kdyz toto odstranim, prestane zlobit ve Firefoxu i Opere, ale zacne v MSIE - hodi silene odrakovani mezi menu polozky */
	width: 110;
	/* kdyz misto 110px dam 90px, ve Firefoxu i Opere OK, ale v MSIE tech 20px chybi - uz VIM !!! Je to tim, ze Firefox a Opera jinak pracuje s padding !!! */
	xwidth: 90;


	float: none;
	background: #CC0033;
	color: #dddddd;
	xfont-size: 11px;
	line-height: 12px; /* vyska zalozky - 14 a vyse je OK, mene pri teto vel. fontu ne */
	xfont-weight: bold;


	padding: 4px 10px 4px 10px;


	margin-right: 0px;
	border-bottom: 1px dotted #AAAAAA; /* oddelovaci cary mezi polozkami menu */
	text-decoration: none;
}

/* Aktivni zalozka */
#MainMenuNav A:link.active,
#MainMenuNav A:visited.active
{
	font-weight: bold;
	border-bottom: 1px solid #AAAAAA; /* skryti cary pod aktivni zalozkou */
	background: #FFFFFF;
	color: #000000;
}

/* On Mouse Over */
#MainMenuNav A:hover
{
	color: #CC0033;
	background-color: #dddddd;
}



ul#MainMenuNav li a span.icon
{
	xdisplay: inline-block;
	display: none;
	text-align: center;
	xfont-size: 16px;
	min-width: 15px;
}





#users_online
{
	display: block;
}
#users_online .user
{
	text-align: left;
	vertical-align: top;
	display: inline-block;
	padding: 3px 6px 3px 6px;
	background-color: #bfbfbf;
	border-radius: 5px;
	margin-bottom: 10px;
	width: 90px;
	overflow: hidden;
}
#users_online .hidden
{
	xbackground-color: inherit;
	xbackground-color: #af9090;
	background-color: #909090;
	border-radius: 5px;
}

#users_online .user a.username
{
	display: block;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
}

#users_online .user div.script
{
	color: #7F7F7F;
	margin-top: 3px;
	margin-bottom: 3px;
}
#users_online .hidden div.script
{
	xcolor: #7F7F7F;
	color: #000000;
}

#users_online .user:hover
{
	background-color: #dddddd;
}
#users_online .user:hover img
{
	opacity: 1;
}

#users_online .user img
{
	opacity: 0.5;
}
#users_online .user:hover img.clubmail
{
	opacity: 1;
}

#users_online_more
{
	display: inline-block;
	xwidth: 90px;
	padding-bottom: 10px;
	vertical-align: top;
}
#users_online_more a span
{
	font-size: larger;
	font-weight: bold;
}


a.amk_icon
{
	display: inline-block;
	width: 90px;
	padding: 5px 0px;
	border-radius: 5px;
	background-color: #bfbfbf;
}
a.amk_icon img
{
	opacity: 0.5;
}
a.amk_icon:hover
{
	background-color: #dddddd;
}
a.amk_icon:hover img
{
	opacity: 1;
}




#filters_button_show
{
	display: none;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
}

.max500px_visible,
.max650px_visible,
.max800px_visible,
.max1024px_visible,
.max500px_visible_ib,	/* inline-block */
.max650px_visible_ib,	/* inline-block */
.max800px_visible_ib,	/* inline-block */
.max1024px_visible_ib	/* inline-block */
{
	display: none;
	visibility: hidden;
	position: absolute;
}

.max500px_invisible_ib,	/* inline-block */
.max650px_invisible_ib,	/* inline-block */
.max800px_invisible_ib,	/* inline-block */
.max1024px_invisible_ib	/* inline-block */
{
	display: inline-block;
}





@media screen and (max-width: 1024px) {
	#obsah {
		xwidth: 82%;


		width: calc(100% - 120px);


		padding-left: 10px;
		padding-right: 0px;
	}
	#sidebar_left {
		xwidth: 18%;
	}
	#sidebar_right {
		width: 100%;
		padding-left: 0px;
	}

	#sidebar_right #users_online .user,
	#sidebar_right #users_online_more,
	#sidebar_right #users_online_amk_icon
	{
		margin-right: 10px;
	}

	#sidebar_right #users_online_more
	{
		background-color: #bfbfbf;
		border-radius: 5px;
		padding-top: 10px;
	}


	#search
	{
		display: none;
	}
	#lupa
	{
		display: inline-block;
	}
	#div_login
	{
		display: none;
	}
	#img_login
	{
		display: inline-block;
	}
	#m_login_register
	{
		display: block !important;
	}


	/* prevent zoom-in of form input focus */
	.touch input,
	.touch textarea,
	.touch select
	{
		font-size: 16px !important;
	}

	/* on mobile make the font bigger */
	.touch body,
	.touch table,
	.touch th,
	.touch td,
	.touch li,
	.touch p
	{
		font-size: 16px;
	}
	.touch h3
	{
		font-size: 18px;
	}
	.touch a
	{
		font-size: 16px;
	}

	.touch #MainMenuNav A:link, #MainMenuNav A:visited
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}


	.max1024px_invisible,
	.max1024px_invisible_ib
	{
		display: none;
		visibility: hidden;
		position: absolute;
		width: 0px;
		height: 0px;
	}

	.max1024px_visible
	{
		display: block;
		visibility: visible;
		position: relative;
	}
	.max1024px_visible_ib	/* inline-block */
	{
		display: inline_block;
		visibility: visible;
		position: relative;
	}


}

@media screen and (min-width: 501px) {

	ul#MainMenuNav li a span.icon
	{
		/*
			font-size: 18px;
			xmin-width: 30px;
			margin-right: 5px;
			margin-top: -5px;
			margin-bottom: -5px;
			padding-top: 2px;
			vertical-align: top;
		*/

		position: absolute;
		xleft: 0px;
		font-size: 18px;
		xmin-width: 30px;
		margin-left: 65px;
		margin-right: 0px;
		margin-top: -5px;
		margin-bottom: -5px;
		padding-top: 2px;
		vertical-align: top;
	}

	ul#MainMenuNav li a span.animation
	{
		display: inline-block;
		float: right;
	}

}

@media screen and (max-width: 500px) {
	#obsah {
		width: 100%;
		display: block;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
	}
	#sidebar_left {
		width: 100%;
		display: block;
	}
	#sidebar_left .toplist {
		display: none;
	}
	#sidebar_left .partner {
		display: none;
	}
	#sidebar_left .newest_photo {
		display: none;
	}
	#sidebar_right {
		width: 100%;
		display: block;
		padding-left: 0px;
	}


	/*
		#search
		{
			display: none;
		}
		#lupa
		{
			display: inline-block;
		}

		#div_login
		{
			display: none;
		}
		#img_login
		{
			display: inline-block;
		}
	*/



	#menu_button_show
	{
		xdisplay: block;
		display: inline-block;
	}
	#menu_wrapper
	{
		display: none;
	}
	#MainMenuNav A:link, #MainMenuNav A:visited
	{
		padding: 10px 10px 10px 10px;
		font-size: 18px;
	}
	#MainMenuNav LI A SPAN.count
	{
		float: right;
		display: inline-block;
		padding: 8px;
		vertical-align: bottom;
		margin-top: -7px;
		margin-right: 0px;

		border-radius: 50%;
		min-width: 12px;
		text-align: center;
	}

	#MainMenuNav LI A div.icon_small
	{
		display: none;
	}
	#MainMenuNav LI A div.icon_big
	{
		display: inline-block;
	}

	ul#MainMenuNav li a span.icon
	{
		display: inline-block;
		font-size: 24px;
		min-width: 30px;
		margin-right: 10px;
		margin-top: -5px;
		margin-bottom: -5px;
	}

	.max500px_invisible,
	.max500px_invisible_ib
	{
		display: none;
		visibility: hidden;
		position: absolute;
		width: 0px;
		height: 0px;
	}

	.max500px_visible
	{
		display: block;
		visibility: visible;
		position: relative;
	}
	.max500px_visible_ib
	{
		display: inline-block;
		visibility: visible;
		position: relative;
	}
}



@media screen and (max-width: 379px) {
	#menu_button_show .text
	{
		display: none;
	}
}


@media screen and (max-width: 650px) {
	.max650px_invisible,
	.max650px_invisible_ib
	{
		display: none;
		visibility: hidden;
		position: absolute;
		width: 0px;
		height: 0px;
	}

	.max650px_visible
	{
		display: block;
		visibility: visible;
		position: relative;
	}
	.max650px_visible_ib	/* inline-block */
	{
		display: inline-block;
		visibility: visible;
		position: relative;
	}
}

@media screen and (max-width: 800px) {
	.max800px_invisible,
	.max800px_invisible_ib
	{
		display: none;
		visibility: hidden;
		position: absolute;
		width: 0px;
		height: 0px;
	}

	.max800px_visible
	{
		display: block;
		visibility: visible;
		position: relative;
	}
	.max800px_visible_ib	/* inline-block */
	{
		display: inline-block;
		visibility: visible;
		position: relative;
	}
}



/* Filters - start */
.filters
{
	xborder: RED 1px solid;
	margin-top: -15px;
}
.filter_block
{
	xborder: GREEN 1px solid;
	display: inline-block;
	margin-top: 20px;
	vertical-align: top;
	width: 50%;
}
.filter_block table
{
	width: 100%;
}
.filter_block table tr th
{
	font-weight: normal;
	padding-right: 10px;
}
.filter_block:first-of-type table tr td
{
	padding-right: 20px;
}
.filter_block table tr td input[type=text],
.filter_block table tr td input[type=email],
.filter_block table tr td input[type=url],
.filter_block table tr td select
{
	width: 100%;
}

.filter_block label
{
	padding: 0px;
}

@media screen and (max-width: 1024px) {
	.filters
	{
		display: none;
	}

	.filter_block
	{
		xborder: BLUE 1px solid;
		display: block;
		width: 100%;
	}
	.filter_block table tr th
	{
		width: 30%;
	}
	.filter_block:first-of-type table tr td
	{
		padding-right: 0px;
	}

	#filters_button_show
	{
		display: inline-block;
	}
}
/* Filters - end */




/* AdSense - side - start */

.side_ad_left_160,
.side_ad_right_160
{
	xborder: RED 1px solid;
	display: none;
	xposition: absolute;
	position: fixed;
	top: 10px;

	/* DEBUG*/
	width: 160px; height: 600px;
}

.side_ad_left_300,
.side_ad_right_300
{
	xborder: GREEN 1px solid;
	display: none;
	xposition: absolute;
	position: fixed;
	top: 10px;

	/* DEBUG*/
	width: 300px; height: 600px;
}

.side_ad_left_160
{
	xleft: 0px;
	left: calc((100% - 1060px - 160px - 160px) / 2);
}

.side_ad_left_300
{
	xleft: 0px;
	left: calc((100% - 1060px - 300px - 300px) / 2);
}

.side_ad_right_160
{
	xleft: calc(100% - 160px);
	right: calc((100% - 1060px - 160px - 160px) / 2);
}
.side_ad_right_300
{
	xleft: calc(100% - 300px);
	right: calc((100% - 1060px - 300px - 300px) / 2);
}

@media screen and (max-width: 1366px) {
	/* show on main page when side are invisible */
	.main_ad_col2
	{
		display: inline-block;
		xborder: xGREEN 3px solid;
	}
}

@media screen and (min-width: 1366px) {
	.side_ad_left_160,
	.side_ad_right_160
	{
		display: inline-block;
	}

	/* hide on main page when side are visible */
	.main_ad_col2
	{
		display: none;
	}
}
@media screen and (min-width: 1660px) {
	.side_ad_left_160,
	.side_ad_right_160
	{
		display: none;
	}
	.side_ad_left_300,
	.side_ad_right_300
	{
		display: inline-block;
	}
}

/* AdSense - side - end */



@media print
{
	.not_print
	{
		display: none;
		visibility: hidden;
		position: absolute;
	}
}



#tinymce,
td.mceIframeContainer
{
	padding: 5px 15px;
}



div.article_wip
{
	display: inline-block;
	font-weight: bold;
	background-color: #FFFFFF;
	border: #FF0000 2px solid;
	border-radius: 5px;
	padding: 5px 10px;
}



/***** article *****/

.article
{
	background-color: #eeeeee;
	padding: 10px 20px;
}
.article .body img	/* responsive */
{
	xborder: RED 1px solid;
	max-width: 100% !important;
	height: auto !important;
}

/***** main *****/

.main_icon
{
	border: #7f7f7f 1px solid;
	border-radius: 5px;
}

/***** user photo *****/

	.thumbnail_user
	{
		/* ratio 1.2 : 1 */
		xwidth: 167px;
		width: 200px;
		height: 200px;

		display: inline-block;
		position: relative;
		overflow: hidden;

		border: #7f7f7f 1px solid;
		border-radius: 10px;
	}
	.thumbnail_user img
	{
		border: 0px;
		position: absolute;
		left: 50%;
		top: 50%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);

		border-radius: 10px;
	}

/***** table with border radius *****/

table.rounded tr:first-of-type td:first-of-type
{
	border-top-left-radius: 10px;
}
table.rounded tr:first-of-type td:last-of-type
{
	border-top-right-radius: 10px;
}
table.rounded tr:last-of-type td:first-of-type
{
	border-bottom-left-radius: 10px;
}
table.rounded tr:last-of-type td:last-of-type
{
	border-bottom-right-radius: 10px;
}

/***** user icon *****/

.usr_img_50
{
	width: 50px;
	height: 50px;

	display: inline-block;
	position: relative;
	overflow: hidden;

	border: #7f7f7f 1px solid;
	border-radius: 10px;
}
.usr_img_50 img
{
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%) scale(0.5);
	-ms-transform: translate(-50%,-50%) scale(0.5);
	transform: translate(-50%,-50%) scale(0.5);
	vertical-align: top;
}

.usr_img_75
{
	width: 75px;
	height: 75px;

	display: inline-block;
	position: relative;
	overflow: hidden;

	border: #7f7f7f 1px solid;
	border-radius: 10px;
}
.usr_img_75 img
{
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%) scale(0.75);
	-ms-transform: translate(-50%,-50%) scale(0.75);
	transform: translate(-50%,-50%) scale(0.75);
	vertical-align: top;
}

.usr_img_100
{
	width: 100px;
	height: 100px;

	display: inline-block;
	position: relative;
	overflow: hidden;

	border: #7f7f7f 1px solid;
	border-radius: 10px;
}
.usr_img_100 img
{
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	vertical-align: top;
}

.usr_img_150
{
	width: 150px;
	height: 150px;

	display: inline-block;
	position: relative;
	overflow: hidden;

	border: #7f7f7f 1px solid;
	border-radius: 10px;
}
.usr_img_150 img
{
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%) scale(0.75);
	-ms-transform: translate(-50%,-50%) scale(0.75);
	transform: translate(-50%,-50%) scale(0.75);
	vertical-align: top;
}

.usr_img_200
{
	width: 200px;
	height: 200px;

	display: inline-block;
	position: relative;
	overflow: hidden;

	border: #7f7f7f 1px solid;
	border-radius: 10px;
}
.usr_img_200 img
{
	border: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
	vertical-align: top;
}







/***** printing *****/

@media print {
	.noprint {
		display: none !important;
	}

	#sidebar_left,
	#sidebar_right,
	#footer,
	#board,
	.buttons,
	.admin_tools,
	.a-button,
	.a-button-big14
	{
		display: none !important;
	}

	body,
	#obalovydiv,
	.forum_categories td,
	.forum_topics td,
	.forum_posts td,
	.article
	{
		background-color: #ffffff;
	}

	#obsah {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	#logo_banner {
		display: block !important;
		margin: 0px !important;
		margin-bottom: 10px !important;
	}
	#logo_banner a img {
		width: 100% !important;
		height: auto !important;
	}

}


/* social network share buttons */

.socnet_share
{
}

.socnet_share a
{
	display: inline-block;
	font-size: 0.9375em;
	padding: 0.3em 0.8em;
	line-height: 1.2;
	font-weight: normal;
	background-color: #0088cc;
	margin-right: 0.3125em;
	margin-bottom: 0.3125em;

	border: rgba(0,0,0,0.3) 1px solid;
	border-radius: 3px;
	color: #505050;
}

.socnet_share a:hover
{
	text-decoration: none;
}

.socnet_share a.facebook
{
	background-color: #3b5997;
	background-color: inherit;
}
.socnet_share a:hover.facebook
{
	xbackground-color: #263960;
	background-color: #3b5997;
	color: #ffffff;
}

.socnet_share a.google
{
	xbackground-color: #d64937;
	background-color: inherit;
	border: rgba(0,0,0,0.3) 1px solid;
	color: #505050;
}
.socnet_share a:hover.google
{
	xbackground-color: #a02f21;
	background-color: #d64937;
	color: #ffffff;
}

.socnet_share a.twitter
{
	xbackground-color: #41b7d8;
	background-color: inherit;
	border: rgba(0,0,0,0.3) 1px solid;
	color: #505050;
}
.socnet_share a:hover.twitter
{
	xbackground-color: #238caa;
	background-color: #41b7d8;
	color: #ffffff;
}