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

/*	Profese online
	------------------------------------------------------------------------ */

html {					height: 100%;}
body {					height: 100%; padding: 11px 22px 22px 22px; background: #fff; font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; font-weight: 400;}

#wrapper {				min-width: 900px; 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: #f0f2fa; border: none; border: 0;}
#wrapper.widefull {			min-width: 900px; max-width: 3333px;}
#header {					width: 100%; height: 317px; position: absolute; padding: 0; border-bottom: 2px solid #2b5772; box-shadow: 0 3px 2px -2px gray; background: #c7dbe9 url("/img/prof-header-back.png") repeat-x top left;}
#headerin {				width: 100%; height: 182px; border-bottom: 2px solid #fff;}
#menubar {				width: 100%; height: 42px; margin-top: 6px; border-top: 3px solid #f00; border-bottom: 3px solid #f00; background-color: #2b5772;}
#iconstrip {				position: absolute; top: 233px; left: 11px; right: 77px;}

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

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

#footer {					position: absolute; width: 100%; height: 170px; bottom: 0;left: 0;text-align: center; background: #c7dbe9; border-top: 1px solid #c6cdd2;}
#footerin {				width: auto; min-width: 777px; height: 150px; margin: 11px 11px 22px 11px;}
#footerin span#avlogomin {	width: 109px; height: 55px; background: transparent url("/img/fol_actavia.png") no-repeat top left; display: inline-block;
						-khtml-opacity:.60; -moz-opacity:.60; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); opacity:.60; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
						transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
#footerin A#cc img,
#footerin A#wa img {		margin-top: 6px;-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
						transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out;}
#footerin A#wa img {		margin-top: 0;}
#footerin A:hover span#avlogomin, #footerin A#wa:hover img,
#footerin A#cc:hover img  {	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: 100%; height: 150px; margin: 1px auto; padding: 0;}
#footerin table td {		margin: 0; padding: 0; font-size: 10pt; line-height: 15pt; color: #333;}

#footerin A {				color: #666;}
#footerin A:hover {			color: #2b5772;}

#headerin a.logoBg {		position: absolute; display: block;}
a.logoBg span.logoTop {		position: absolute; display: block; top: 0; left: 0;
						-khtml-opacity: 0; -moz-opacity: 0; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity: 0;
						transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out;}
a.logoBg:hover span.logoTop {	opacity: 1;}

#headerin a.logoBg#prof-logo-left {width: 162px; height: 162px; top: 12px; left: 44px; background: transparent url("/img/prof-logo-left.png") no-repeat top left;}
#headerin a.logoBg#prof-logo-right {width: 468px; height: 180px; top: 0; right: 27px; background: transparent url("/img/prof-logo-right-cs.png") no-repeat top left;}
#headerin a.logoBg.en#prof-logo-right {background: transparent url("/img/prof-logo-right-en.png") no-repeat top left;}

#flags {					position: absolute; display: block; width: 88px; height: 66px; margin-top: 6px; right: 0;}
#flags span.flag {			margin: 6px; float: left;}
#flags span.flag, #flags span.flag a, #flags span.flag a span {
						display: block; width: 28px; height: 22px; padding: 0; background: transparent url("/img/pro_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; }

img#casopis {				position: absolute; display: block; top: 155px; left: 15px;}

/*	Mega Menu - project
	------------------------------------------------------------------------ */
#megamenu {				top: 198px; right: auto; left: 11px;}
#mmenu td {				padding: 0 6px;}
#mmenu td > li {			background: transparent url('/img/separator.png') left center no-repeat; padding-left: 23px;}/*!!!cesta byva /img...*/
#mmenu li.first {			background: none; padding-left: 0;}
#mmenu li a {				font-size: 12pt; color: #fff;}/*!!!font menu meli MS Shell Dlg - nechat takhle, nebo nejak menit?*/
#mmenu li:hover a {			color: #fff; text-shadow: none;}
#mmenu td > li a:hover {		color: #c7dbe9; text-shadow: none;}

.lmacc label, .lmacc a.oneit {font-size: 11pt; border-top: 1px solid #2b5772; color: #2b5772;}
.lmacc input:checked + label, .lmacc input:checked + label:hover{ color: #414d51;
						background: #f5fafe; background: -moz-linear-gradient(top, #e7f3fc 1%, #f5fafe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7f3fc), color-stop(100%,#f5fafe)); background: -webkit-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: -o-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: -ms-linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); background: linear-gradient(top, #e7f3fc 1%,#f5fafe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3fc', endColorstr='#f5fafe',GradientType=0);}

/*	Typo
	------------------------------------------------------------------------ */
H1, H2, H3, H4, H5, H6 {		font-weight: bold; margin: 1em 11px 0.5em 33px; font-weight: 700; }
#header H1 {				font-size: 16pt; margin: 11px 11px; position: absolute; text-transform: uppercase;}
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;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%;}
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; font-size: 105%;}
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;}
ol.reflist li {			text-align:left;}
h1 a.hdlink {				display: inline-block; font-size: 11pt; vertical-align: middle; margin: 0 0 4px 22px; height: 16px;line-height: 16px;}
h1 a.submbtn {				background-color: #c7dbe9; border: 2px solid #2b5772; color: #2b5772;border-radius: 6px; font-size: 11pt; cursor: pointer; display: inline-block; font-weight: bold; margin: -2px 0 4px 22px; padding: 0 11px; min-width: 77px; text-align: center; vertical-align: top; height: 26px;line-height: 26px;
						transition: all .33s ease-in-out; -moz-transition: all .33s ease-in-out; -webkit-transition: all .33s ease-in-out;}
h1 a.submbtn:hover { 		background-color: #2b5772; border: 2px solid #2b5772; color: white;}

/*	Colorize
	------------------------------------------------------------------------ */
H1, H3, H4, H5, H6 {		color: #2b5772; }
H2 {						color: #f00; }
div#warn em {				color: #2b5772; font-weight: 700;}

A {						color: #2b5772;}
A:hover {					color: #008acb;}
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: #008acb; }
span.curjump {				color: #1b3278;}

div#cbmid {				background: url("/img/pol_bg_cbmid.jpg") no-repeat top left;}
div#cbsmall {				background: url("/img/pol_bg_cbsmall.jpg") no-repeat top left;}
#header i.ice {			background-image: url("/img/pol_edicons48.gif")}
#header i.ic48 {			background-image: url("/img/pol_colicons48.gif")}

div.centerbox {			border: 1px solid #f0f2fa;} /* border tomu vnuti hasLayer */
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 #4d8fcb; border-bottom: 5px solid #4d8fcb; }
.da-slide h2{				color: #2b5772; }
.da-slide h3{				color: #4d8fcb; }
.da-slide p{				color: #666; }
.da-slide .da-link{			border: 5px solid rgba(80,140,200,0.8); background: rgba(80,140,200,0.15); }
.da-dots span{				background: #4d8fcb; }
.da-arrows span{			background: #4d8fcb; }
.da-arrows span:hover{		background: #2b5772; }

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: #008acb;}

td.flash_book_title {		text-align: left;}
td.flash_book_title h2 {		border: none; margin-top: 11px;}

div.clanek dt { 			margin-top: 1.3em;}
div.clanek dd { 			margin-left: 55px; font-style: normal; line-height: 122%;}
div.clanek div.rcol p {		margin: 6px 11px}

p.polbtn a {				background-color: #2b5772; border: 1px solid #2b5772; border-radius: 4px; color: white; cursor: pointer; display: inline-block; font-weight: bold; margin: 3px auto; padding: 3px 11px; min-width: 77px; text-align: center;
						transition: all .33s ease-in-out; -moz-transition: all .33s ease-in-out; -webkit-transition: all .33s ease-in-out;}
p.polbtn a:hover { 			background-color: #c7dbe9; border: 1px solid #2b5772; color: #2b5772;}

div.article h2.articleTitle, div.toc_item h3.articleTitle {text-transform: uppercase;}

/*	Menu Tabs
	------------------------------------------------------------------------ */

#tabs1 {					top: -40px; padding: 0;}
#tabs1.ui-widget {			font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; font-size: 100%;}
#tabs1.ui-tabs .ui-tabs-panel {padding: 0;}
#tabs1 .ui-widget-header, #tabs1.ui-widget-content {border: 0 none; background: none;}
.ui-widget-content a {		color: #2b5772;}
.ui-widget-content a:hover {	color: #008acb;}
#tabs1 .ui-state-default, #tabs1.ui-widget-content .ui-state-default, #tabs1 .ui-widget-header .ui-state-default {
						background-image: url("/img/selector_left.png"), url("/img/selector_right.png");
						background-position: left bottom, right bottom;
						background-repeat: no-repeat;
						background-color: #80a4ba;
						border: 0 none; border-radius: 0; border-bottom: 2px solid #2b5772; font-weight: bold;}
#tabs1 .ui-state-default a, #tabs1 .ui-state-default a:link, #tabs1 .ui-state-default a:visited {
						color: #2b5772; border-top: 2px solid #fff; }
#tabs1 .ui-state-active, #tabs1 .ui-widget-content .ui-state-active, #tabs1 .ui-widget-header .ui-state-active {
						background-image: url("/img/selected_left.png"), url("/img/selected_right.png");
						background-position: left bottom, right bottom;
						background-repeat: no-repeat;
						background-color: #f0f2fa;
						border-bottom: 4px solid #f0f2fa; }
#tabs1 .ui-state-active a, #tabs1 .ui-state-active a:link, #tabs1 .ui-state-active a:visited {
						color: #f00; border-top: 2px solid #2b5772;}
#tabs1.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -2px; padding-bottom: 2px;}
#tabs1.ui-tabs .ui-tabs-nav li {margin: 0;}
#tabs1.ui-tabs .ui-tabs-nav li a {height: 25px; padding: 0 6px; margin: 0 11px; min-width: 111px; text-align: center;}