@charset 'UTF-8';

* { margin:0; padding:0; z-index:1; }

body {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 78%; 
	background: #383a37 url('https://misc.drom.sk/images/background/body.png') center 0;
	=text-align:center;
}
input, textarea, select {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial;
	font-size: 78%; 
}

ul, li { list-style-type:none; }

.no-display { display: none; }
.spacer { border:none; margin:0; padding:0; background:transparent; overflow:hidden; }
.spacer.a { height:1px; font-size:1px; }
.spacer.b { height:2px; font-size:2px; }
.spacer.c { height:3px; font-size:3px; }
.spacer.d { height:4px; font-size:4px; }
.spacer.e { height:5px; font-size:5px; }
.spacer.f { height:6px; font-size:6px; }
.spacer.g { height:7px; font-size:7px; }
.spacer.h { height:8px; font-size:8px; }
.spacer.i { height:9px; font-size:9px; }
.spacer.j { height:10px; font-size:10px; }


.cleaner { clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent; overflow:hidden; }
.cleaner {clear:both;
	height:-1px;
	font-size:-1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	overflow:hidden; }

.pad { padding: 12px 8px; }
.padNoTop { padding: 0 8px 8px 8px; }
.padwTitle { padding: 12px 8px 8px 8px; }
.padContent { padding: 8px; }
.pad-x { padding:0 1.2em 0 1.2em; }
.small-pad { padding: 0.5em; }
.small-pad-x { padding:0 0.5em 0 0.5em; }
.small-pad-y { padding:0.5em 0 }

/* zarovnavani */
.left { float: left; }
.right { float: right; }
.center { margin-left:auto; margin-right:auto; text-align: center; }
img.left, img.right { margin:5px; }
td.right, th.right { float:none; text-align:right;}
td.left, th.left { float:none; text-align:left;}

a { color:#444; text-decoration:none; }
h1 a { color:#ff9c71; }
hover { color:#222; text-decoration:none; }

/* system pro boxy na strance */
.narrow-column-left, .narrow-column-right { float: left; width: 50%;}
.narrow-column-right { float: right; }
.wide-column { width: 100%;}
.w30 { width:30%; }
.w70 { width:70%; }
.wp449 { width:448px; }
.wp316 { width:316px; }

.winLightGreen, .winDarkGrey  { 
	background-color: #d0ff9e;
	border-top:3px solid #ff9c71; border-bottom:3px solid #ff9c71; 
}
.winDarkGrey { background-color: #464646; }

/* margins */
.mL8 { margin-left: 8px; }
.mR5 { margin-right: 5px; }

.c555 { color:#555; }
.c666 { color:#666; }

/* borders */
.no-border { border: none; }

.visible { display: block; visibility: visible; }
.invisible { display: none; visibility: hidden; }
.clickable { cursor: pointer;  }

/* barvy */
/* fonty */
.fGreenDark { color: #a4d767; } 
/* pozadi */
.bgLightGreen { background-color: #d0ff9e; }
.bgDarkGrey   { background-color: #464646; }

/* janek - sjednoceni */
#content .leftColumn, #content .rightColumn { float: left; padding: 0 0 8px 8px; =margin-top:-12px; }
#content .leftColumn {
	width: 448px;
}
#content .rightColumn {
	width: 316px;
	color:#d0ff9e;
}
#content .leftColumn .columnBox, #content .rightColumn .columnBox  {
	padding-top: 10px;
}
#content .leftColumn .first, #content .rightColumn .first {
	margin-top:-10px;
	=margin-top:2px;
}
/* len pre IE 7 */
#content div[className="leftColumn"] .first, #content div[className="rightColumn"] .first { margin-top:2px; }

#content .leftColumn .columnBox h2, #content .rightColumn .columnBox h2 {
	font-size: 1.2em;
	color: #ff9c71;
	margin-left:8px;
}

#content .leftColumn .columnBox .boxWindow, #content .rightColumn .columnBox .boxWindow {
	margin-top:4px;
	padding: 6px 8px 2px 7px;
	=padding: 8px 8px 4px 8px;
	border-top:3px solid #ff9c71; border-bottom:3px solid #ff9c71; 
}
#content .leftColumn .columnBox .boxWindow {
	background-color: #d0ff9e;
}
#content .rightColumn .columnBox .boxWindow {
	background-color: #464646;
}

/* helpy */
.cLeft { clear:left !important; }
.mTop12 { margin-top:12px !important; }
.mTop10 { margin-top:10px !important; }
.mTop8 { margin-top:8px !important; }
.mTop6 { margin-top:6px !important; }
.mTop4 { margin-top:4px !important; }
.mTop2 { margin-top:2px !important; }
.mTop0 { margin-top:0 !important; }
.mTop-8 { margin-top:-8px !important; }
.mBottom12 { margin-bottom:12px !important; }
.mBottom10 { margin-bottom:10px !important; }
.mBottom8 { margin-bottom:8px !important; }
.mBottom6 { margin-bottom:6px !important; }
.mBottom4 { margin-bottom:4px !important; }
.mBottom2 { margin-bottom:2px !important; }
.mBottom0 { margin-bottom:0 !important; }
.mLeft8 { margin-left:8px !important; }
.h650 { height:650px !important; }
.h580 { height:580px !important; }
.h550 { height:550px !important; }
.h500 { height:500px !important; }
.h460 { height:460px !important; }
.h420 { height:420px !important; }
.h360 { height:360px !important; }
.h340 { height:340px !important; }
.h320 { height:320px !important; }
.h300 { height:300px !important; }
.h280 { height:250px !important; }
.h240 { height:240px !important; }
.h220 { height:220px !important; }
.h200 { height:200px !important; }
.h180 { height:180px !important; }
.bTop0 { border-top:0 !important; }
.bBottom0 { border-bottom:0 !important; }
.ieMTop-2 { =margin-top:-2px !important; }
.ieMTop-4 { =margin-top:-4px !important; }
.mRight0 { margin-right:0 !important; }
.pLeft4 { padding-left:4px !important; }
.pLeft5 { padding-left:5px !important; }
.pLeft6 { padding-left:6px !important; }
.pLeft8 { padding-left:8px !important; }

a.greenBlockAnchor { display:block; border-top:1px #94b869 solid; border-bottom:1px #94b869 solid; background-color:#b7db8d; padding: 1px 4px; text-decoration:none; }
a.greenBlockAnchor:hover { border-top:1px #81a15b solid; border-bottom:1px #81a15b solid; background-color:#a9d179; }

a.blueBlockAnchor { display:block; border-top:1px #6996b8 solid; border-bottom:1px #6996b8 solid; background-color:#8dbfdb; padding: 1px 4px; text-decoration:none; }
a.blueBlockAnchor:hover { border-top:1px #6996b8 solid; border-bottom:1px #6996b8 solid; background-color:#97c9e5; }

.wideBox .comments h3.blue, .wideBox .comments h3.blue * { color:#8dbfdb !important; }

/* spacery */
.vSpacer { clear:both; width:100%; overflow:hidden; }
.vSpacer.h2 { height:2px; }
.vSpacer.h4 { height:4px; }
.vSpacer.h6 { height:6px; }
.vSpacer.h8 { height:8px; }
.vSpacer.h10 { height:10px; }
.vSpacer.h12 { height:12px; }
.vSpacer.h14 { height:14px; }
.vSpacer.h16 { height:16px; }
.vSpacer.h18 { height:18px; }
.vSpacer.h20 { height:20px; }
.redOnGreen { color:#dd3333; }

dl.rowInfo { line-height:1.3em; }
dl.rowInfo dt, dl.rowInfo dd { float:left; margin-bottom:3px; padding-top:4px; border-top:1px #e59b6b solid; }
dl.rowInfo dt.first, dl.rowInfo dd.first { margin-top:0; border-top: none; }
dl.rowInfo dt { font-weight:bold; width:30%; =width:29%; clear:left; }
dl.rowInfo dd { width:70%; }
dl.rowInfo dd a { color:#555 !important;  }
dl.rowInfo dd a:hover { color:#333 !important; text-decoration:underline; }

.contentRightColumn dl.rowInfo dt { =width:84px; overflow:hidden; }
.contentRightColumn dl.rowInfo dd { =width:200px; overflow:hidden; }

.w742 { width:742px; overflow:hidden; }
.alignAbsMiddle { vertical-align:middle; }