/*
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Actavia apps - actavia.cz project specific; (C) ivosan
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sideLeft a#logo-top {			position: absolute; display: block; top: 8px; left: 11px; width: 206px; height: 115px; background-image: url(/img/ssw_toplogo_avi_up.gif); }


/*	Colorize
	----------------------------------------------------------------------- */
BODY {						background: #444; }
#content {					border: 1px solid #333; -moz-box-shadow: 1px 1px 11px #000; -webkit-box-shadow: 1px 1px 11px #000; box-shadow: 1px 1px 11px #000; }

H1, H2, H3, H4, H5, H6, A {		color: #006e91; }
div#warn em {					color: #006e91; font-family: 'Cantora One', Tahoma, "Lucida Grande CE", lucida, sans-serif; font-weight: 700;}
A:hover, span.curjump {			color: #24819f;}

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

#contentin .da-slider{			background: transparent url("/etc/jq/img/tex/32)_waves_exe.gif") repeat 0% 0%; width: auto; height: 400px; margin: 22px 11px 22px 33px;
							border-top: 5px solid #2985a1; border-bottom: 5px solid #2985a1; }
#contentin .da-slide h2{			color: #2985a1; }
#contentin .da-slide h3{			color: #24819f; }
#contentin .da-slide p{			color: #333; font-style: normal; }
#contentin .da-slide .da-link{	border: 5px solid rgba(40,140,160,0.8); background: rgba(135,190,200,0.15); }
#contentin .da-dots span{		background: #2985a1; }
#contentin .da-arrows span{		background: #2985a1; }
#contentin .da-arrows span:hover{	background: #24819f; }
/* opruz s content-in je tu proto, ze lay-proj se vola pozdeji, nez nektere includovane veci jako parallax */

#mmenu li a {					color: #f6d63a; }
#mmenu li:hover a {				color: #fee535; text-shadow: 1px 1px 1px #000;}

.lmacc label, .lmacc a.oneit {			color: #f6d63a;}
.lmacc label:hover, .lmacc a.oneit:hover{	color: #fee535;}
.lmacc label.actual, .lmacc a.oneit.actual {	color: #ffc32f;}

#iconstrip {					border: 3px solid #f6d63a;}

/*	hp blok - zakladni styly
	----------------------------------------------------------------------- */

.grid {						margin: 44px auto; min-width: 650px; max-width: 1230px; width: 100%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-weight: 400;}
.grid .gblock {				position: relative; float: left; overflow: hidden; margin: 11px; min-width: 235px; max-width: 300px; border: 1px solid #ccc; background: #eee; }
.grid .gblock img {				position: relative; display: block; width: 100%;}

.grid .gbgnd {					position: absolute; overflow: hidden; top: 18%; z-index: 10; padding: 0 11px; margin: 0; width: 100%; height: 66%; text-align: left; color: #aaa;
							opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
							-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; }
.grid .gbgnd p, .grid .gbgnd li {	font-size: 11pt; line-height: 120%;}
.grid .gbgnd p {				margin: 0.3em 11px;}
.grid .gbgnd ul {				margin-left: 22px;}
.grid .gbgnd ul li {			list-style-type: disc; margin-left: 11px;}

.grid .gicon {					position: absolute; overflow: hidden; top: 80%; z-index: 11; padding: 0; width: 100%; height: 20%; }

.grid .gcaption {				position: absolute; overflow: hidden; top: 0; z-index: 5; padding: 0; width: 100%; height: 75%; text-align: center;}
.grid .gcaption h2 {			margin: 72px 0 11px; color: #006e91; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 16pt;
							-webkit-transition: margin 0.4s ease-in-out; -moz-transition: margin 0.4s ease-in-out; -o-transition: margin 0.4s ease-in-out; -ms-transition: margin 0.4s ease-in-out; transition: margin 0.4s ease-in-out;}
.grid .gcaption p {				padding: 11px 20px; color: #888; font-size: 12.5pt; margin: 0.3em 11px;
							-webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

@media (max-width: 1164px) {		/*2 sloupce*/
	.grid {					width: 650px;}
	.grid .gblock {			width: 46%; }
}
@media (min-width: 1165px) and (max-width: 1204px) { /*3 sloupce*/
	.grid {					width: 771px;}
	.grid .gblock {			width: 235px; margin: 6px;}
     .grid .gcaption h2 {		font-size: 15pt;}
     .grid .gcaption p {			font-size: 11pt;}
	.grid .gbgnd p, .grid .gbgnd li {font-size: 10pt; line-height: 125%;}
}
@media (min-width: 1205px) and (max-width: 1420px) {
	.grid .gblock {			width: 30%;}
     .grid .gcaption p {			line-height: 120%;}
	.grid .gbgnd p, .grid .gbgnd li {font-size: 11pt; line-height: 115%;}
}
@media (min-width: 1421px) and (max-width: 1501px) { /*4 sloupce*/
	.grid {					width: 1028px;}
	.grid .gblock {			width: 235px; margin: 6px; }
     .grid .gcaption h2 {		font-size: 15pt;}
     .grid .gcaption p {			font-size: 11pt;}
	.grid .gbgnd p, .grid .gbgnd li {font-size: 10pt; line-height: 125%;}
}
@media (min-width: 1502px) {
	.grid .gblock {			width: 23%;}
}

/*	SVG */
.grid svg {					position: absolute; top: -1px; /* fixes rendering issue in FF */ z-index: 4; width: 100%; height: 100%; }
.grid svg path {				fill: #fff; }

/*	block hover */
.grid .gblock:hover  {			border: 1px solid #006e91; }
.grid .gblock:hover .gcaption p {	opacity: 0; }
.grid .gblock:hover .gcaption h2 {	margin: 33px 0 0 0; }
.grid .gblock:hover .ch-info {	opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.grid .gblock:hover .gbgnd  {		color: #666; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.grid .gicon li {				width: 64px; height: 64px; display: inline-block; position: absolute; bottom: 11%; left: 50%; margin-left: -32px; }
.grid .gicon li .ch-item {		width: 100%; height: 100%; border-radius: 50%; position: relative; background-image: url(/img/avicons64.gif);
							-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; }
.grid .gicon li .ch-img-1 {		background-position: 0 0;}
.grid .gicon li .ch-img-2 {		background-position:  -64px 0;}
.grid .gicon li .ch-img-3 {		background-position: -128px 0;}
.grid .gicon li .ch-img-4 {		background-position: -192px 0;}
.grid .gicon li .ch-img-5 {		background-position: -256px 0;}
.grid .gicon li .ch-img-6 {		background-position: -320px 0;}
.grid .gicon li .ch-img-7 {		background-position: -384px 0;}
.grid .gicon li .ch-img-8 {		background-position: -448px 0;}
.grid .gicon li .ch-img-9 {		background-position: -512px 0;}
.grid .gicon li .ch-img-10 {		background-position: -576px 0;}
.grid .gicon li .ch-img-11 {		background-position: -640px 0;}
.grid .gicon li .ch-img-12 {		background-position: -704px 0;}

.grid .ch-info {				position: absolute; height: 44px; width: 44px; top: 10px; left: 10px; background: rgba(250,226,154, 0.8); border-radius: 50%; opacity: 0;
							-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-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.grid .ch-info h3 {				color: #251f21; text-transform: uppercase; letter-spacing: 1px; font-size: 22pt; font-weight: bold; padding: 0; margin: 4px 0 0 9px; line-height: 22px;}

span.boss88 {display:inline-block;width:88px;height:88px;background-repeat:no-repeat;background-image:url("/etc/jq/img/igi_boss88.png");}
span.boss88-lnk { background-position: 0px 0px; }
span.boss88-wrd { background-position: -88px 0px; }
span.boss88-db { background-position: -176px 0px; }
span.boss88-tab { background-position: -264px 0px; }
span.boss88-avi { background-position: 0px -88px; }
span.boss88-srv { background-position: -88px -88px; }
span.boss88-nrs { background-position: -176px -88px; }
span.boss88-pst { background-position: -264px -88px; }
span.boss88-cht { background-position: 0px -176px; }
span.boss88-db2 { background-position: -88px -176px; }
span.boss88-bar { background-position: -176px -176px; }
span.boss88-wr2 { background-position: -264px -176px; }
span.boss88-set { background-position: 0px -264px; }

/*	topbar Headroom animace
	------------------------------------------------------------------------ */
@-webkit-keyframes slideDown{	0%{-webkit-transform:translateY(-100%)} 100%{-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown{	0%{-moz-transform:translateY(-100%)} 100%{-moz-transform:translateY(0)}}
@-o-keyframes slideDown{		0%{-o-transform:translateY(-100%)} 100%{-o-transform:translateY(0)}}
@keyframes slideDown{		0%{transform:translateY(-100%)} 100%{transform:translateY(0)}}
@-webkit-keyframes slideUp{	0%{-webkit-transform:translateY(0)} 100%{-webkit-transform:translateY(-100%)}}
@-moz-keyframes slideUp{		0%{-moz-transform:translateY(0)} 100%{-moz-transform:translateY(-100%)}}
@-o-keyframes slideUp{		0%{-o-transform:translateY(0)} 100%{-o-transform:translateY(-100%)}}
@keyframes slideUp{			0%{transform:translateY(0)} 100%{transform:translateY(-100%)}}
#header.headroom {			-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
#header.headroom--pinned {	-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
#header.headroom--unpinned {	-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}

/*	BOSS View
	----------------------------------------------------------------------- */
body.boss{					background:#333;margin:0;overflow:auto;height:auto;}
body.boss #header {				position:fixed;min-width:960px;height:88px;margin: 0;z-index:111;top:0;left:0;right:0;background:#333;}
body.boss #bosswrapp {			min-width:960px;max-width:1900px;margin:0 10px;padding-top:99px;}
body.boss #bosscontent {			padding: 0 11px;}

body.boss i.ic {				background-image: url("/etc/jq/img/igi_colicons.png");}
body.boss i.i {				background-image: url("/etc/jq/img/igi_icons.png");}
body.boss i.itab {				background-image: url("/etc/jq/img/igi_itable.png");}

body.boss table.iTable {			border:1px solid #333;border-width: 1px 1px 0 0;}
body.boss table.iTable thead th, body.boss table.iTable thead td {	border:1px solid #333;color:#ddd;}
body.boss tr.iTr td, body.boss tr.iTrOdd td, body.boss tr#iTr_x th {	border:1px solid #333;}
body.boss table.iTable tr:hover td {color:#fff;}
body.boss table.iTable td {		color:#ccc;}
body.boss table.iTable td a {		color:#fff;}

body.boss p, body.boss li, body.boss dt, body.boss dl, body.boss dd{color:#999;}

ul.boss-menu {					width:100%;height:88px;padding:0;margin:0;text-align:center;}
ul.boss-menu li{				width:13.7%;height:88px;padding:0;margin:0 0.05%;overflow:hidden;position:relative;display:inline-block;background:#383838;
							-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
							-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
ul.boss-menu li.act {			border-bottom: 2px solid #006e91;}
ul.boss-menu li:last-child{		margin-right:0;}
ul.boss-menu li a{				text-align:left;width:100%;height:100%;display:block;color:#aaa;position: relative;}
ul.boss-menu li a span{			opacity:0.9;z-index:1;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
ul.boss-menu li a div {			position:absolute;left:92px;right:0;height:88px;top:0;z-index:2;}
ul.boss-menu li a div h2{		margin:11px 0 0 0;font-size:1.25rem;font-weight:normal;color:#006e91;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
ul.boss-menu li a div h3{		margin:6px 0;font-size:0.9rem;font-weight:normal;color:#777;}
ul.boss-menu li:hover{			background-color:#222;}
ul.boss-menu li:hover span {    	opacity:1;-webkit-transform:rotate(22deg);-moz-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg);}
ul.boss-menu li:hover h2{		color:#24819f;}
ul.boss-menu li:hover h3{		color:#999;}

div#bossHd h1 {				margin:0;}
div#pieLine {					width:100%;height:auto;padding:6px;margin:0 0 11px 0;background:#383838;}
div#bossDet {					}
span.spkpie {					display:inline-block;height:16px;width:16px;margin:1px;}
.jqstooltip{					width:144px;height:50px;}
div.svrblock {					position:relative;border:1px solid #383838;margin:0 auto;}
div.svrgrp div {				margin:0 auto;}
div.svrgrp.svsmall {			display:inline-block;margin:0 11px 6px 0;border: 1px solid #444}
div.svrinfo {					text-align:center;}
div.svrinfo h3, div.svrinfo p {	margin:3px 0;text-align:center;}
div.svrside {					position:absolute;width:144px;top:0;background:#383838;text-align:left}
div.svrside li {				margin:5px 2px;font-size:10pt;line-height:14pt;color:#aaa;}
div.svrside li a {				color:#aaa;}
div.svrside li a.cYellow {		color: #fcf364;}
div.svrside li a.cBlue {			color: #ebf5f9;}