/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	ROR app - main layout by ivosan; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*	ROR
	------------------------------------------------------------------------ */

html {					height: 100%; }
body {					height: 100%; padding: 11px 22px 22px 22px; background: #ccc; font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif; font-weight: 400;}

#wrapper {				min-width: 980px; max-width: 1560px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position: relative;
						-moz-box-shadow: 2px 2px 11px #333; -webkit-box-shadow: 2px 2px 11px #333; box-shadow: 2px 2px 11px #333; behavior: url(/etc/jq/ie/PIE.htc);
						background: white url("/img/ror_botbg.jpg") no-repeat bottom right; border: none;}
#wrapper.widefull {			min-width: 980px; max-width: 3333px;}
#header {					width: 100%; height: 222px; position: absolute; background: transparent url("/img/ror_tbg.jpg") no-repeat top left;}
#headerin {				position: absolute; width: 100%; height: 182px; top:0; left:0; border-bottom: 6px solid #31949c; box-shadow: 0 4px 2px -2px #999;}

#headerin a#toplogo {		position: absolute; display:block; width:232px; height: 125px;top:48px;  left:77px;}
#headerin a#ips {			position: absolute; display:block; width:230px; height: 130px;top:22px; right:22px;}
#headerin a:hover {			opacity: 0.9;}

#middle {					width: auto; padding: 233px 11px 66px 11px;}
#middle:after {			content: ''; clear: both; display: table;}
#container {				width: 100%; float: left; margin-bottom: 0;}

#content {				padding-left: 211px;}
#contentrgt {				padding-right: 244px; padding-left: 0;}
#contentfull {				padding-right: 0; padding-left: 0; width: 100%;}
#content3cols {			padding-right: 244px; padding-left: 211px;}
#sideRight {				float: left; width: 222px; margin: 0 0 0 -222px; position: relative;}
#sideLeft {				float: left; width: 188px; margin: 0 -244px 0 0; position: relative;}

#footer {					position: absolute; width: 100%; height: 58px; bottom: 0; left: 0; padding: 0; text-align: center; border: none;}
#footerin {				width: 66%; min-width:980px; height: 100%; margin: 0 auto;}
#footerin p {				font-size: 9pt; color: #999; padding-top: 24px;}
#footerin p a {			color: #999;}

#flags {					position: absolute; display: block; width: 80px; height: 24px; margin-top: 6px; top: 188px; right: 6px;z-index: 122;}
#flags table {				margin: 0; padding: 0;}
#flags table tr td {		margin: 0; padding: 0; width: 40px; height: 22px; text-align: right;}
#flags span.flag, #flags span.flag a, #flags span.flag a span {
						display: block; width: 28px; height: 22px; margin: 0; padding: 0; background: transparent url("/img/cur_flags.gif") no-repeat;}
#flags span.flag a span {	-khtml-opacity: 0; -moz-opacity: 0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity: 0;
						transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
#flags span.flag a:hover span { opacity: 1; }

#flags span.flag#cz {		background-position: 0 -44px; }
#flags span.flag#sk {		background-position: -28px -44px; }
#flags span.flag#en {		background-position: -56px -44px; }
#flags span.flag#cz a span {	background-position: 0 -22px; }
#flags span.flag#sk a span {	background-position: -28px -22px; }
#flags span.flag#en a span {	background-position: -56px -22px; }
#flags span.flag#cz a {		background-position: 0 0; }
#flags span.flag#sk a {		background-position: -28px 0; }
#flags span.flag#en a {		background-position: -56px 0; }

@media (max-width: 1024px) {
	body, #wrapper, #wrapper.widefull { width: 100%;}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {

	body {				padding: 0; }
	#wrapper {			min-width: 1024px; max-width: 100%; width: 100%; -moz-box-shadow: none; -webkit-box-shadow:  none; box-shadow: none;}
	#wrapper.widefull {		min-width: 1024px; max-width: 100%; width: 100%; }
}

/*	Ror Help
	------------------------------------------------------------------------ */

div#rorhlptop select#rorhlpid {width: 93%; margin: 0 3%;}
div#rorhelpw {				display: block; overflow: visible;width: 93%; padding: 0; margin: 0 5% 0 2%;}
div#rorhelpw .anythingSlider-default {width: 98%; padding: 0; margin: 0;}
div#rorhelpw .anythingSlider-default .anythingWindow {border: none;}
div#rorhelp {				width: 100%; height: auto; margin: 0;margin-bottom: 11px; padding: 0;font-size:75%;}
div#rorhelp div.rorhlp {		display: inline-block; width: 100%; margin: 0; padding: 0;}
div#rorhelp h3, div#rorhelp dl, div#rorhelp dt, div#rorhelp p {margin: 3px 0;}
div#rorhelp ul, div#rorhelp dd  {margin-left: 22px;}
div#rorhelp ul li {			list-style-image: none;margin: 3px 0;}
div#rorhelp h3 {			font-size: 120%;}
div#rorinfo {				min-height:222px}
div#rorinfo li, div#rorerr1 li {text-indent: -22px; margin: 0 0 3px 22px;}
span.rorbtn {				display: table-cell;}
div.rorhlp b em {			font-style:normal; color:#A50021}
div#ckey h1 {				margin: 0.5em 10%;}
div#ckey p {				text-align: justify; margin: 1em 10%;}
div#copykey {				text-align: center; margin: 22px 10%; padding: 22px;font-size: 18pt;font-family: "Courier New", Courier, monospace;font-weight: bold;color:#A50021; border: 1px solid #aaa;}
div.inskey {				text-align: center; margin: 22px 10%; padding: 22px;}
div.inskey input.copykey{	font-size: 18pt;font-family: "Courier New", Courier, monospace;font-weight: bold;color:#A50021;}
div.rorhlp table tr td {		text-align: left;padding: 2px 4px;}
div.rorhlp table tr th {		font-weight:bold;text-align: left;}

/*	Mega Menu - project
	------------------------------------------------------------------------ */
#megamenu {				top: 195px; position: absolue; left: 0; z-index: 111;}
#mmenu li a {				font-size:10pt; color: #999; font-family: Play, Tahoma, "Lucida Grande CE", lucida, sans-serif; font-weight: bold; }
#mmenu li:hover a {			color: #006666; text-shadow: none;}

/*	HP
	------------------------------------------------------------------------ */
div#envel {				width: 80%; margin: 66px auto 11px auto;}

@media (max-width: 1444px) {
	div#envel {			width: 100%; margin: 66px auto 11px auto;}
}

.r-item {					width: 220px;height: 220px;border-radius: 50%;position: relative;z-index: 11;box-shadow: 0 1px 2px rgba(0,0,0,0.1);cursor: default;}
.r-item:before {			content: '';display: table;}
.r-info-wrap, .r-info{		position: absolute;width: 180px;height: 180px;border-radius: 50%;
						-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
						-webkit-perspective: 800px;-moz-perspective: 800px;-o-perspective: 800px;-ms-perspective: 800px;perspective: 800px;}
.r-info-wrap {				top: 20px;left: 20px;box-shadow:0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(49,148,156, 0.8);}
.r-info {					-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.r-info > div {			display: block;position: absolute;width: 100%;height: 100%;border-radius: 50%;background-position: center center;
						-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.r-info .r-info-front {		-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%;z-index: 100;box-shadow: inset 2px 1px 4px rgba(0,0,0,0.1);}
.r-info .r-info-back {		background: rgba(49,148,156,0);}
.r-img-1 {				background-image: url(/img/ror_icon1.jpg);}
.r-img-2 {				background-image: url(/img/ror_icon2.jpg);}
.r-img-3 {				background-image: url(/img/ror_icon3.jpg);}
.r-img-4 {				background-image: url(/img/ror_icon4.jpg);}
.r-info h3 {				display: block; text-align: center; width:180px;color: #fff;text-transform: uppercase;letter-spacing: 2px;font-size: 16px;margin: 0;padding: 44px 0 0 0;height: 90px;text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}
.r-info p {				display: block; text-align: center; width:120px;color: #fff;padding: 10px 5px;margin: 0 30px;font-size: 12pt;border-top: 1px solid rgba(255,255,255,0.5);}
.r-item:hover .r-info-front { -webkit-transform: rotate3d(1,0,0,-180deg);-moz-transform: rotate3d(1,0,0,-180deg);-o-transform: rotate3d(1,0,0,-180deg);-ms-transform: rotate3d(1,0,0,-180deg);transform: rotate3d(1,0,0,-180deg);box-shadow: inset 0 0 5px rgba(255,255,255,0.2), inset 0 0 3px rgba(0,0,0,0.3);}
.r-item:hover .r-info-back {	background: rgba(49,148,156,0.8);}


/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		font-weight: bold; margin: 1em 11px 0.5em 33px; font-family: Play, "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif; font-weight: 700; }
H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 0.3em;}
H1 {						font-size: 170%; margin-left: 0; margin-bottom: 0.8em;}
H1.fst {					margin-top: 0;}
H2 { 					font-size: 160%; margin-left: 11px;}
H3 { 					font-size: 130%;}
H4 { 					font-size: 120%; margin-bottom: 0.3em;}
H5 { 					font-weight: 400; font-size: 110%; margin-bottom: 0.3em;}
H6 {						font-weight: 400; font-size: 105%; margin-bottom: 0; margin-left: 55px;}

HR { 					height:1px; border: none; color: #999; background-color: #999; width: 100%; margin: 1em 0;  }
HR.cleaner {				clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;}
BR.bigbreak {				line-height: 66px;}

P, LI, DT, DD, BLOCKQUOTE, UL, OL, PRE, ADDRESS {
						margin: 0.3em 11px 0.5em 55px; line-height: 133%;}
DD, BLOCKQUOTE { 			margin-left: 66px; font-style: italic; font-size: 90%;  }
DT {						font-weight: bold;}
DD {						font-size: 90%; font-style: italic;}
UL LI { 					list-style-image: url('/img/fol_li.gif');}
LI { 					margin-bottom: 0.1em;}
CENTER P { 				margin-left: 0;}

IMG {					border: none; vertical-align: middle;}
STRONG {					font-weight: bold;}
EM { 					font-style: italic;}

A {						outline: none; cursor:pointer; text-decoration: none;}
A.big { 					font-size: 130%; font-weight: bold;}

span.cap {				font-size: 105%;} 							/* vyhozeno, hlasilo chyby  font: inherited;  */
span.likeP {				font-size: 77%; font-style: normal;} 			/* pouzito pro dlouha comba uvnitr H1  */

TABLE { 					margin-left: 55px; border-color: #ddd; border-collapse: collapse; border-spacing:0;}
TD, TH { 					padding: 6px; vertical-align: middle;}
TD { 					vertical-align: top;}
TD H2 { 					margin-left: 3px;  }
TD P, TD LI, TD DT, TD BLOCKQUOTE, TD H4, TD H3, TD H5 {
						margin-left: 11px;}
TD H3, TD H2 { 			margin-top: 0;}
TD.ctr H4 { 				margin: 3px 0; text-align: center; font-weight: bold;  }
TD.mid H4 { 				margin: 3px 0; font-weight: bold;}

FORM TD H3, FORM TD H4, FORM TD H5 {
						margin-left: 0; margin-top: 4px; margin-bottom: 0;}

div.report * {				font-family: Arial, lucida, sans-serif; }

/*	Colorize
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		color: #006666; }

A {						color: #006666;}
A:hover {					color: #832602;}
A:visited {				color: #009999;}
A:active {				color: #e7501e;}
A.cRed:visited {			color: #A50021;}

span.curjump {				color: #006666;}

.rblinkinfo {				animation: blinker0 1s linear 2; background-color: #fff0cc}
.rblinkerr {				animation: blinker0 1s linear 2; background-color: #ffc8c8}

#cboxLoadedContent {		margin-bottom: 0;}

div#iRORTop {				display: block; width: 100%; height: 33px;}
div#iRORTop a.roronech {		display: inline-block;height: 33px;opacity: 0.70;width: 10%; border: 1px solid #ccc; padding: 3px;text-align: center;border-bottom: 1px solid #aaa;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;
						font-size: 16pt;font-weight: bold;}
div#iRORTop a.roronech.chact {border: 1px solid #999;opacity: 1;border-width: 1px 1px 0 1px;-webkit-box-shadow: inset 0 11px 11px -11px rgba(166,166,166,0.7);-moz-box-shadow: inset 0 11px 11px -11px rgba(166,166,166,0.7);box-shadow: inset 0 11px 11px -11px rgba(166,166,166,0.7);}
a.roronech sub {			font-size: 8pt; color: #999;margin-left: 4px;}
div#iROR {				display:block;width: 100%; height: auto; min-height: 600px;border:1px solid #999;border-width: 0 1px 1px 1px}
div#iROR2 {				min-height: 599px;}
div#iRORLeft,div#iRORRight {	padding-top: 11px;}
.splitter_bar{				background-color: #ddd;}
span.blot {				display: block; max-width: 355px; margin: 0 auto 11px auto;}
span.blot img {			padding: 0 11px;}
span.onerp {				display: block;margin: 11px;padding: 3px;text-align: center;border: 1px solid #bbb;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 22px 22px -22px rgba(166,166,166,0.7);-moz-box-shadow: inset 0 22px 22px -22px rgba(166,166,166,0.7);box-shadow: inset 0 22px 22px -22px rgba(166,166,166,0.7);}
span.onerp.act {			border: 1px solid #48a8a8; -webkit-box-shadow: inset 0 22px 22px -22px rgba(42,146,146,0.7);-moz-box-shadow: inset 0 22px 22px -22px rgba(42,146,146,0.7);box-shadow: inset 0 22px 22px -22px rgba(42,146,146,0.7);}
span.onerp span.rpid {		float: left;}
span.onerp a.del {			float: right;}
span.onerp a.det {			display: block; margin: 22px 0 0 0;}
span.onerp a.det dt, span.onerp a.det dd { color: #777; margin: 3px 0; font-size: 8pt; text-align: left;font-weight: bold;}
span.onerp a.det dd { 		color: #003a3a;}


table.sc {				width: 100%; margin: 0; padding: 0}
table.sc td {				margin: 0; padding: 0; vertical-align: top;}
form.rf label.sclab {		width: 36px; height: 36px; line-height: 36px; vertical-align: middle;padding:0;}
form.rf label.sclab.cRed {	color:#A50021;}
form.rf .chosen-choices li {	line-height: 111%;}
form.rf.sc table.sc td select, form.rf.sc table.sc td input {
						width: 100%; min-width: 50px; font-size: 10pt;height: 26px; line-height: 26px;margin:0;padding:0}
form.rf.sc table.sc td .chosen-container {width: 100% !important; min-width: 44px !important; height: 26px;font-size: 9pt;}
form.rf.sc table.sc td.s88 {	text-align: right;}
form.rf.sc table.sc td.s88 .chosen-container {width: 100% !important; min-width: 50px !important; height: 26px;font-size: 9pt;}
form.rf.sc table.sc td .chosen-container-multi {margin: 0 1px !important; height: auto;min-height: 36px;width: 100% !important; min-width: 88px !important;}
form.rf.sc table.sc td .container-multi .chosen-choices {min-height: 26px;}
form.rf.sc legend {			margin-left: 0;}

input.schb {				width: auto; text-align: left; margin: 0; padding: 0; vertical-align: middle; cursor: pointer;}
span.chb-like-chzn {		position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 28px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%); background: -moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%); background: -o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%); background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 27px;}

h5#scoring {				margin: 11px; 0 6px 0;}
ul#scoring {				width: 98%; margin:0 1%; padding:0;}
ul#scoring li {			width: 100%; height: 34px;margin:2px 0; vertical-align: top; padding: 3px; font-size: 10pt; color: #666; list-style: none; background: #fff;border: 1px solid #ccc; border-left-width: 6px;-webkit-box-shadow: inset 0 4px 4px -4px rgba(166,166,166,0.7);-moz-box-shadow: inset 0 4px 4px -4px rgba(166,166,166,0.7);box-shadow: inset 0 4px 4px -4px rgba(166,166,166,0.7);-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
ul#scoring li:hover {		color: #333;}
ul#scoring li span.spMaxW {	display: inline-block;width: 85%;height: 28px;margin: 0;padding:0;overflow: hidden;white-space:nowrap;}
li i.si {					display: inline-block;height: 28px; width: 16px; margin: 0; padding: 0; margin: 5px 3px 0 0;background: transparent url("/etc/jq/img/uni_sortable.gif") top left no-repeat;}
ul#scoring li span span {	display: inline-block;overflow: hidden;}
ul#scoring li span.fr {		float: right; width: 66px;height: 22px;margin: 4px 0;padding:0;text-align: right;}
ul#scoring li span span.spOrie, ul#scoring li span span.spLocQ, ul#scoring li span span.spFQ, ul#scoring li span span.spTwo, ul#scoring li span span.spP, ul#scoring li span span.spZSC { width: 40px;}
ul#scoring li span span.spDets, ul#scoring li span span.spCont {	width: 99px;}
ul#scoring li span span.spSpec {	width: 111px;}
ul#scoring li span span.spOth {	width: auto;}
form.rf.sc fieldset {		position: relative;}
legend#fsetop { 			position: absolute; z-index:1; right: 11px; top: -25px; min-width: 155px;width: 155px;height:26px;line-height:26px;padding:2px 6px;}
span#HRV, span#Z {			width: auto;margin:0;font-weight:bold;height: 20px;line-height:20px;vertical-align:top;}
legend#fsetop label.sclab {	margin:0;height: 20px;line-height:20px;vertical-align:middle;overflow:hidden;}

iframe#roroutframe {		width: 98%; margin: 22px 1% 11px 1%; height: auto; min-height:444px; border: 1px solid #bbb;background: rgba(255,255,255,0.66);overflow-x:hidden; overflow-y:scroll;
						-webkit-box-shadow: inset 5px 5px 11px 0px rgba(153,153,153,0.15);-moz-box-shadow: inset 5px 5px 11px 0px rgba(153,153,153,0.15);box-shadow: inset 5px 5px 11px 0px rgba(153,153,153,0.15);}