/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TVV app - main layout; (C) ivo andrle
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {					height: 100%;}
body {					height: 100%; background: #fff; color: #444; font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; font-weight: 400;}
#wrapper {				width: 100%; height: 100%; position: relative; border: 0 none; z-index: 0; overflow: auto;}
#header {					width: 100%; height: 144px; min-width: 980px; position: relative; background: #283947; z-index: 2; clear: both; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
#headerin, #headerin2 {		width: 100%; height: 60px; padding: 0 11px; position: relative;}
#headerin2 {				height: 84px; background: #314657;}
#menubar {				height: 40px; position: absolute; left: 133px; right: 0; top: 0; font-weight: 700; font-family: 'Open Sans Condensed',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}

.container, #inner {		min-width: 980px; max-width: 1560px; margin-left: auto; margin-right: auto; position: relative;}
#inner {					background: #fff; margin: -144px auto 0; min-height: 100%; overflow: hidden; z-index: 1;}
#middle {					margin: 144px -222px 0 0; float: left; width: 99%;}
#middle.middlergt {			margin-right: -222px;}
#middle.middlefull {		margin-right: 0;}
#middle.middle3cols {		margin-right: -433px;}
#middle:after {			content: ''; clear: both; display: table;}
#content {				padding: 0 0 99px 11px; margin-right: 211px;}
#contentrgt {				padding: 11px 233px 99px 11px;}
#contentfull {				padding: 0 0 99px 11px;}
#content3cols {			padding: 0 11px 99px 11px; margin-right: 433px;}

#wrapper.widefull #inner { 	max-width: 3333px;}

#sideLeft, #sideRight {		padding-bottom: 99px; margin-top: 144px; float: left; position: relative; z-index: 2;}
#sideLeft, #l {			width: 211px;}
#sideRight, #r {			width: 222px;}
#sideLeft {				padding-right: 15px; padding-left: 10px;}
#sideRight {				padding-left: 33px; padding-right: 10px;}
#l,#r {					height: 100%; position: absolute; top: 0; z-index: 1; clear: both;}
#l {						left: 0; border-right: 1px solid #ccc; box-shadow: -8px 0 15px -10px rgba(0, 0, 0, 0.2) inset;}
#r {						right: 0; border-left: 1px solid #ccc; box-shadow: 8px 0 15px -10px rgba(0, 0, 0, 0.2) inset;}

#footer {					width: 100%; height: 88px; min-width: 980px; position: relative; overflow:hidden; color: #fff; background: #283947;
						margin-top: -88px; text-align: left; z-index: 2; border-top: 3px solid #fff; border-top: 0; box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3);}
#footerin {				width: 100%; height: 70px; padding: 7px 0;}
#footerin span#avlogomin {	width: 112px; height: 60px; background: transparent url("/img/tvv_actavia.gif") no-repeat top left; margin-right: 11px; display: inline-block;/*!!!cesta byva /img...*/
						-khtml-opacity:.80; -moz-opacity:.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:.80; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
						transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
#footerin span#avlogomin:hover { opacity:1; -khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#footerin table {			width: auto; height: 60px; margin: 6px auto; padding: 0;}
#footerin table td {		margin: 0; padding: 0; text-align: center; font-size: 10pt; line-height: 15pt; color: #7e8891;}
#footerin table td a {		color: #7e8891;}
#footerin table td a:hover {	color: #fff;}

a.logoBg {				-khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1;";
						transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}
a.logoBg:hover {			-khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity: 0.8;}
a.logoBg#hdlogo {			position: relative; display: block; width: 107px; height: 90px; left: 3px; top: 30px; z-index: 3;}
a.logoBg span.logoTop {		width: 107px; height: 90px; background: transparent url("/img/tvv_logohd2.gif") no-repeat top left;}

#header H1 {				color: #fff; font-size: 32px; line-height: 110%; font-weight: 400; margin: 0; border: 0 none; padding: 25px 0;}
#headerin2 .container h1 {	margin-left: 122px;}
#headerin2 .container h1 a, #headerin2 .container h1 a:hover {	color: #fff;}

#flags {					position: absolute; display: block; width: 80px; height: 24px; top: 37px; right: 0;}
#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/tvv_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   {		background-position: 0 -22px; }
#flags span.flag#sk a   {		background-position: -28px -22px; }
#flags span.flag#en a   {		background-position: -56px -22px; }
#flags span.flag#cz a span {	background-position: 0 0; }
#flags span.flag#sk a span {	background-position: -28px 0; }
#flags span.flag#en a span {	background-position: -56px 0; }

/* upravy menu
---------------------------------------------------------------------------- */
#megamenu {				right: 0;}
#mmenu td {				padding: 0;}
#mmenu li a {				padding: 20px 15px 18px 15px; border-bottom: 2px solid transparent; font-size: 13px; font-weight: 600; line-height: 20px; color: #fff;}
#mmenu li:hover a, #mmenu li a:hover {text-shadow: none; color: #fff; background: #2e4151; border-bottom-color: #567a99;}
#mmenu li.active a {		background: #23313d; border-bottom-color: #d74b4b;}
#mmenu li.active:hover a, #mmenu li.active a:hover {background: #243441;}

#mmenu li:hover div a {		background: none; color:#567a99; padding: 0; line-height:22px; height:22px; border-bottom: none;}
#mmenu li:hover div a:hover {	color:#d74b4b;}

.lmacc {					margin: 27px auto 33px auto;}
.lmacc label, .lmacc a.oneit {font-size: 13px; height: 40px; line-height: 40px; border-top: 1px solid #aabccc; font-weight: 600; color: #567a99; padding-left: 6px;}
.lmacc a.oneit:hover {		color: #d74b4b;}
.lmacc a.oneit:visited {		color: #567a99;}
.lmacc input:checked + label, .lmacc input:checked + label:hover{ color: #2e4151;
						background: #fafbfc; background: -moz-linear-gradient(top, #ecf0f4 1%, #fafbfc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ecf0f4), color-stop(100%,#fafbfc)); background: -webkit-linear-gradient(top, #ecf0f4 1%,#fafbfc 100%); background: -o-linear-gradient(top, #ecf0f4 1%,#fafbfc 100%); background: -ms-linear-gradient(top, #ecf0f4 1%,#fafbfc 100%); background: linear-gradient(top, #ecf0f4 1%,#fafbfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0f4', endColorstr='#fafbfc',GradientType=0);}

/* Typo
---------------------------------------------------------------------------- */
H1, H2, H3, H4, H5, H6 {		font-weight: bold; margin: 1em 11px 0.5em 33px; font-weight: 700; font-family: 'Oswald', 'Open Sans Condensed',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}
H5, H6 {					font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}
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: #ccc; background-color: #ccc; 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%;}
P.ram {					background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; padding: 19px; margin-bottom: 20px;}

DD, BLOCKQUOTE { 			margin-left: 66px; font-style: italic; font-size: 90%;  }
DT {						font-weight: bold;}
DD {						font-size: 90%; font-style: italic;}
div.clanek UL {			display: table;}
div#container .chzn-container UL, div#container .chosen-container UL {display: block;}
UL LI { 					list-style-type: disc;}
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: 6px;}
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;}

/* Colorize
---------------------------------------------------------------------------- */
H1, H2, H3, H4 {			padding-bottom: 0; border-bottom: 1px solid #e3e3e3;}
/*	nesmysl:
	H1 SPAN, H2 SPAN, H3 SPAN, H4 SPAN, H5 SPAN, H6 SPAN {padding-right: 18px; border-bottom: 1px solid #d74b4b;}
*/
div#warn em {				color: #428bca; font-weight: 700;}

A {						color: #428bca;}
A:hover {					color: #2a6496; text-decoration: none;}
A:hover H3.revstat, A:hover H4.revname, A:hover H4.revstat, A:hover H3.revname, A:hover H4.TOCname, A:hover p.TOCauthor, A:hover p.revauthor, A:hover p.TOCcomment, A:hover p.RevENName, A:hover p.revcomment, A:hover p.TOCENName, A:hover p.commentary {
						color: #2a6496;}

span.curjump {				color: #2a6496;}

div.sbblock { 				border: 1px solid #ddd; margin-top: 11px; padding: 0.4em 2px;}
div.sbblock P	{			font-size: 80%;}

.da-slider{				background: transparent url("/etc/jq/img/tex/32)_waves_exe.gif") repeat 0% 0%; height: 400px;  border-top: 5px solid #d74b4b; border-bottom: 5px solid #d74b4b;}
.da-slide h2{				color: #2e4151;}
.da-slide h3{				color: #d74b4b;}
.da-slide p{				color: #666;}
.da-slide .da-link{			border: 5px solid rgba(45,65,80,0.8); background: rgba(45,65,80,0.15);}
.da-dots span{				background: #d74b4b;}
.da-arrows span{			background: #d74b4b;}
.da-arrows span:hover{		background: #2e4151;}

div.magarchive div.toc_item h3 { font-size: 115%;}
div.magarchive div.toc_item h4 { font-size: 100%;}
div.magarchive H3.mvol.onerow {color: #666; margin: 1.2em 0 0 33px;}
div.magarchive H3.mvol a {	color: #888;}
div.magarchive H3.mvol a:hover { color: #2a6496;}

h1 span.rsslink {			margin-top: 8px;}

div.article h2, div.article h3, div.article h4, div.article h5, h5.keywords,
H3.revstat, H4.revname, H4.revstat, H3.revname, H4.TOCname, div#cbsmall H4, div.centerbox#login h4,
div.mdtoc h3, div.mdtoc h5, div.mdtoc h4, div.magarchive H4 { border-bottom: none;}

ol.reflist li {			text-align: left; }
h2.articleTitle {			color: #428bca; font-weight: 700; font-family: 'Open Sans Condensed',Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}