/* -- start setup -- */

* {
font-family: 'Roboto', sans-serif;
color:#8f8f8f;
}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}

.clear {
clear : both;
height:1px;
}

.pl0 {padding-left:0 !important;}
.pr0 {padding-right:0 !important;}
.textLeft {text-align:left !important;}
.pb90 {padding: 0 0 90px 0;}
.ml20 {margin-left:20px !important;}
.clear {clear:both;}
.pointer {cursor:pointer;}
/* -- all pages -- */
hr {display : none;}

.textColor1 {color:#f3953c!important;}
.textColor2 {color:#00c41c!important;}
.textColor3 {color:#338fe6!important;}
.textColor4 {color:#e80d0d!important;}
.textColor5 {color:#944805!important;}

body {background-color:#eaeef1;}

/* login */
.loginForm {
margin-top: 50px;
margin-bottom: 50px;

margin-top: 20px;
margin-bottom: 20px;
width:450px;
}

#formErr {
color:Red;
margin:20px 0;
font-size:16px;
}

.mb {margin-bottom:20px;}

.topOdd, .footer {
height:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#409cf6+0,df1f1f+100 */
background: #409cf6; /* Old browsers */
background: -moz-linear-gradient(left,  #409cf6 0%, #df1f1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #409cf6 0%,#df1f1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #409cf6 0%,#df1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409cf6', endColorstr='#df1f1f',GradientType=1 ); /* IE6-9 */
}

.footer {
height:75px;
height:55px;
/*line-height:45px;*/
padding: 18px 0 15px 0;
padding: 8px 0 15px 0;
}

.footer p  {
color:White;
padding-bottom:1px;
display:block;
width:220px;
margin:0 auto;
}

.footer a  {
color:White;
padding-bottom:1px;
display:block;
width:220px;
margin:0 auto;
}
	
.userInfo {background-color:White;}

.buttonKurzSplnen {
margin-top:10px;
float:left;
width:95px;
background-color:#1BC43B;
color:White;
height:26px;
line-height:26px;
text-align:center;
display:block;
position:relative;
}

.buttonKurzSplnen:HOVER {color:White;}

.popUpTitle {
color:Red !important;
display:block;
text-align:center;
height:30px;
height:45px;
/*height:65px;
height:85px; */
/*line-height:30px;*/
font-size:20px;
}

.popUpTitle span {
/*line-height:30px;*/
font-size:16px;
}

.popUpTitle span.userNum {font-weight: lighter;}
.popUpTitle span.userNum2 {font-weight: bold;}

.linkCertifikat {
font-size:14px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
display:block;
color:Black;
padding:3px 0;
}

#popovercloseid {
background-color:Red;
width:30px;
height:30px;
line-height:30px;
text-align:center;
color:White;
cursor:pointer;
float:right;	
z-index:999;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position:relative;
top:2px;
right:-5px;
}

.mainContent {
-webkit-box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.13);
-moz-box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.13);
box-shadow: inset 3px 0px 5px 0px rgba(0,0,0,0.13);
background-color:#eaeef1;
}

.imgCenterLogo {
margin:20px auto 5px auto;
max-width:240px; 
}

.imgCenterLogoSmaller  {
margin:20px auto 5px auto;
max-width:160px; 
}

.sideTitleKurzu {
font-size:25px;
font-size:20px;
text-align:center;
margin-top:10px;
margin-bottom:20px;	
width:auto;
margin-right:0;
/*max-width:300px;*/
}

#homeRun {
/*background-image: url(../pcs/pcs_layout/logo.png);
background-position: center;
background-repeat: no-repeat;
width:161px;
height:86px;*/
display:block;
margin:0 auto;
}

#userProfile img {
border:5px solid #d4dee5;
display:block;
margin:15px 20px 10px 20px;
float:left;
}

.odd {
	border-bottom:1px solid #aab0b5;
	margin:5px 0;
}

.popover{
    max-width: 350px; /* Max Width of the popover (depending on the container!) */
margin-top:-2px !important
}

.popUpTable {
	margin:15px 0;
}

.popUpTable tr th, .popUpTable tr td  {
border-bottom:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
	padding:3px;
	font-size:12px;
}

.mygrid-wrapper-div {
/*	height:550px; /*border:1px solid Red;*/
	overflow:auto;
}

@media (min-width: 768px) {
.mygrid-wrapper-div {
/*	height:550px; */
/*border:1px solid Red;*/
overflow:auto;
}
}


#userProfile p {
color:Black;
margin-bottom:20px;
}

.jmenoUzivatele {
text-align:left;
cursor:pointer;
font-size:19px;
/*font-weight:bold;*/
padding-top:33px;
}

.jmenoUzivatele a {
cursor:pointer;
font-size:15px;
/*font-weight:bold;*/
}

.userKurzy {border-collapse:collapse;}
.userKurzyDetail  {margin:15px 0 30px 0;}

.userKurzy th, .userKurzy td {
border:1px solid #DADADA;
font-size:11px;
padding:3px;
}

.userKurzyDetail th, .userKurzyDetail td {
font-size:14px;
padding:5px 15px;
}

.userKurzy th {color:Black;}
.stavKurzu3 {color:Red;}
.stavKurzu2 {color:#409CF6;}

.obsahKurzuButton {
height:33px;
line-height:33px;
background-color:#f3953c;
color:White;
display:block;

padding-left:20px;
}

.logoutLink {margin-left: 20px;}

.menuIcon {margin-top:-4px;}

.barevneSchema1 .obsahKurzuButton {background-color:#f3953c;}
.barevneSchema2 .obsahKurzuButton {background-color:#00c41c;}
.barevneSchema3 .obsahKurzuButton {background-color:#338fe6;}
.barevneSchema4 .obsahKurzuButton {background-color:#e80d0d;}
.barevneSchema5 .obsahKurzuButton {background-color:#944805;}

.obsahKurzuButton span {
float:right;
color:White;
font-size:10px;
margin-right:10px;
}

.obsahKurzuButton:HOVER { color:White; }

/* top level */
ul.nav li p.menuInactiveItem {
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis; 
}

ul.nav ul li:first-child {  border-top:1px solid #e8ecef;}

/* second level  */
ul.nav ul li  {
border-bottom:1px solid #e8ecef;
padding:0;
}

ul.nav ul li a p {
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis; 
}

ul.nav li strong, ul.nav ul li strong {
display:block;
float:left;
margin-right:10px;
}

ul.nav li a p {
float:left;
width:80%;
width:72%;

width:110%;
}

.menuInactiveItem {
color:#9a9a9a !important;
margin-bottom:0 !important;
}


ul.nav li a {
padding:10px 40px 0px 10px;
padding:15px 20px 0 10px;
text-decoration:underline!important;
}

ul.nav ul li a {
padding:10px 10px 0 30px;
padding:3px 10px 3px 30px;


text-decoration:underline!important;
margin-bottom:0;

}

ul.nav li a p {
margin:0;
}

ul.nav ul li a:HOVER {background-color:#eeeeee;	}
ul.nav ul li a.menuSelected {background-color:#e0e0e0;	}

ul.nav ul li a.stavComplete0 {
background-image: url(../pcs/pcs_layout/menu-dot-no.png);
background-position: right center;
background-repeat: no-repeat;

padding-right:50px;
}

ul.nav ul li a.stavComplete1 {
background-image: url(../pcs/pcs_layout/menu-dot-yes.png);
background-position: right center;
background-repeat: no-repeat;

padding-right:50px;

}

ul.nav ul li a.stavComplete2 {
background-image: url(../pcs/pcs_layout/menu-dot-maybe.png);
background-position: right center;
background-repeat: no-repeat;

padding-right:50px;
}

ul.nav li, ul.nav *, .nav ul li * {color:Black}
ul.nav li span {float:right}

h1 {color:#f3953c;}

.barevneSchema1 h1 {color:#f3953c;}
.barevneSchema2 h1 {color:#00c41c;}
.barevneSchema3 h1 {color:#338fe6;}
.barevneSchema4 h1 {color:#e80d0d;}
.barevneSchema5 h1 {color:#944805;}

.boxVideo {
background-color:White;
padding:5px 30px 15px 30px;

-webkit-border-radius: 10px;
moz-border-radius: 10px;
border-radius: 10px;


border:1px solid #dadada;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.mainContentTop {margin-top:13px;}

.boxVideoLogin {
padding:0 30px 0 30px;
}

.boxVideo h2 {
color:#f3953c;
margin-bottom:20px;
font-size:26px;
font-size:22px;
}

.barevneSchema1 .boxVideo h2 {color:#f3953c;}
.barevneSchema2 .boxVideo h2 {color:#00c41c;}
.barevneSchema3 .boxVideo h2 {color:#338fe6;}
.barevneSchema4 .boxVideo h2 {color:#e80d0d;}
.barevneSchema5 .boxVideo h2 {color:#944805;}

.boxVideo h3 {
color:#f3953c;
margin-bottom:10px;
font-size:26px;
font-size:22px;
}

.barevneSchema1 .boxVideo h3 {color:#f3953c;}
.barevneSchema2 .boxVideo h3 {color:#00c41c;}
.barevneSchema3 .boxVideo h3 {color:#338fe6;}
.barevneSchema4 .boxVideo h3 {color:#e80d0d;}
.barevneSchema5 .boxVideo h3 {color:#944805;}

.vyklad {
float:left;
width:40%;
}

.vyklad a {
float:left;
}

.vyklad h3 {color:#777D80 !important;}

.kvizy {
float:right;
width:40%;
text-align:right;
}

.kvizy a {
float:right;
float:left;
}

.kvizy h3 {color:#777D80 !important;}

.orangeTitle {
color:#f3953c;	
font-size:22px;
}

.lektorBox {
background-color:White;
padding:15px 30px 15px 30px;
-webkit-border-radius: 10px;
moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #dadada;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
margin-bottom:20px;
position:relative;
}


@media (max-width: 1199px) {
.lektorBoxTitle {
position:absolute;
top:25px;
left:180px;	
font-size:25px;
}

.lektorBoxText {
position:absolute;
top:85px;
left:260px;	
font-size:18px;
color:#9D9E9F;
}

}

@media (min-width: 1200px) {
.lektorBox {
background-size:60%;
background-position: 10px 50%;
}

.lektorBoxTitle {
position:absolute;
top:15px;
left:130px;	
left:100px;	
font-size:25px;
font-size:22px;
}

.lektorBoxText {
left:195px;	
left:105px;	
top:85px;
top:55px;
position:absolute;
}

}

@media (min-width: 1800px) {
.lektorBox {background-size:auto;}

.lektorBoxTitle {
top:30px;
left:180px;	
font-size:25px;
}

.lektorBoxText {
left:240px;	
font-size:18px;
color:#9D9E9F;
top:85px;
}

}



.barevneSchema1 .orangeTitle, .barevneSchema1 .lektorBoxTitle {color:#f3953c;}
.barevneSchema2 .orangeTitle, .barevneSchema2 .lektorBoxTitle {color:#00c41c;}
.barevneSchema3 .orangeTitle, .barevneSchema3 .lektorBoxTitle {color:#338fe6;}
.barevneSchema4 .orangeTitle, .barevneSchema4 .lektorBoxTitle {color:#e80d0d;}
.barevneSchema5 .orangeTitle, .barevneSchema5 .lektorBoxTitle {color:#944805;}

.searchBox select {
padding: 0 0 0 4%;
margin:14px 0 10px 0;
height:35px;
-webkit-border-radius: 10px;
moz-border-radius: 10px;
border-radius: 10px;
background-color:#e3e7eb;
color:#777d80;
background-image: url(../pcs/pcs_layout/lupa.png);
background-position: right center;
background-repeat: no-repeat;
width:100%;

-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.textBox {
background-color:White;
padding:10px 30px 30px 30px;
padding:10px 30px 10px 30px;
padding:5px 30px 5px 30px;

-webkit-border-radius: 10px;
moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;
border:1px solid #dadada;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.textBox img {border:1px solid #d5d5d5;}

.bannerBox {
background-color:White;
padding:20px;
padding:20px 20px 10px 20px;

-webkit-border-radius: 10px;
moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;

border:1px solid #dadada;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.cero3 {text-decoration:underline;}

.tooltip {
z-index:99999;
}

.tooltip-inner {
color:White !important;
text-align:left;
padding:15px;
background-color:#898989;
font-size:15px;
z-index:99999;
}

.timeInfo {
float:right;
display:block;
margin-top:10px;
}

.questionBox {
background-color:#e7e7e7;
padding:10px 20px;
font-style: italic;
font-size:15px;
}

.questionBox strong {
color:Black;
font-style: normal;
font-size:18px;
font-size:20px;
}

.questionBox strong.mainQuestion {
font-style: italic;
font-weight:normal;
}

.questionBox span {
display:block;
margin:10px 0;
border-bottom:1px solid #c0c0c0;
}

.answerKo {display:none;}

.questionOk {
background-image: url(../pcs/pcs_layout/kviz-ok.png);
background-position: 40px center;
background-repeat: no-repeat;
padding:20px 0 20px 140px;
background-color:#f6f6f6;
margin-bottom:10px;
min-height:120px;
}

.questionKo {
background-image: url(../pcs/pcs_layout/kviz-ko.png);
background-position: 40px center;
background-repeat: no-repeat;
padding:20px 0 20px 140px;
background-color:#f6f6f6;
min-height:120px;
}

.questionOk p {
background-image: url(../pcs/pcs_layout/red-arrow.png);
background-position: top right;
background-repeat: no-repeat;
padding-right:60px;
cursor:pointer;
margin-right:40px;
border-bottom:1px solid #D5D5D5;
padding-bottom:3px;
}

.questionKo p {
background-image: url(../pcs/pcs_layout/green-arrow.png);
background-position: top right;
background-repeat: no-repeat;
padding-right:60px;
cursor:pointer;
margin-right:40px;
border-bottom:1px solid #D5D5D5;
padding-bottom:3px;
}

.questionOk p:HOVER, .questionKo p:HOVER { color:Black; }

.formLegend {
font-style: italic;
margin:5px 0;
}

#countdown {
display:block;
background-color:#f3953c;
color:White;
padding:10px;
font-size:25px;
font-weight:bold;
width:160px;
text-align:center;
margin:20px auto;	
}

.barevneSchema1 #countdown {background-color:#f3953c;}
.barevneSchema2 #countdown {background-color:#00c41c;}
.barevneSchema3 #countdown {background-color:#338fe6;}
.barevneSchema4 #countdown {background-color:#e80d0d;}
.barevneSchema5 #countdown {background-color:#944805;}

.kvizSubmit {
display:block;
background-color:#f3953c;
color:White;
padding:10px;
font-size:25px;
font-weight:bold;
margin:20px auto;	
width:160px;
text-align:center;
cursor:pointer;
}

.barevneSchema1 .kvizSubmit {background-color:#f3953c;}
.barevneSchema2 .kvizSubmit {background-color:#00c41c;}
.barevneSchema3 .kvizSubmit {background-color:#338fe6;}
.barevneSchema4 .kvizSubmit {background-color:#e80d0d;}
.barevneSchema5 .kvizSubmit {background-color:#944805;}

@media (min-width: 768px) {
#countdown {
float:left;
margin:0 20px 0 30%;	
margin:0;	

}

.kvizSubmit {
float:left;
margin:0 20px 0 30%;	
}

}

.kvizBoxVyhodnoceni {
display:none;	
margin-bottom:20px;
}

.kvizBoxVyhodnoceniSpatne {
background-color:#DF1F1F;	
color:White;
line-height:150px;
text-align:center;
font-size:25px;
}

.kvizBoxVyhodnoceniSpravne {
background-color:#81c000;	
color:White;
line-height:150px;
text-align:center;
font-size:25px;
}

#game {
}

.myCourses {position:relative;}

.myCourses img {
border:1px solid #D5D5D5;
margin-bottom:30px; 
}

.sticker {
position:absolute;
top:5px;
right:10px;
width:95px;
height:25px;	
line-height:25px;	
background-color:#F3953C;
color:White;
font-size:11px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
display:none;
}

.barevneSchema1 .sticker {background-color:#f3953c;}
.barevneSchema2 .sticker {background-color:#00c41c;}
.barevneSchema3 .sticker {background-color:#338fe6;}
.barevneSchema4 .sticker {background-color:#e80d0d;}
.barevneSchema5 .sticker {background-color:#944805;}

#finishScreen {
display:none;
position:relative;
}

.billboardTitle {
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.puntikTitle {
float:right;
color:#777D80;
font-size:18px;
}

.buttonRepeat {
position:absolute;
top:50%;
left:50%;
margin-left:-150px;
padding-left:100px;
background-image: url(../pcs/pcs_layout/opakovat-icon.png);
background-position: left center;
background-repeat: no-repeat;
height:80px;
line-height:80px;
color:White;
font-size:24px;
font-size:20px;
text-transform:uppercase;
}

.billboardUvodniText {
position:absolute;
top:20%;
left:10%;
text-align:center;
width:80%;
font-size:30px;
line-height:35px;
color:White;
text-shadow: 2px 2px 1px Grey;
}

@media (min-width: 768px) {
.billboardUvodniText {
top:30%;
font-size:30px;
line-height:35px;
}
}

@media (min-width: 1024px) {
.billboardUvodniText {
top:30%;
font-size:40px;
line-height:45px;
}
}

@media (min-width: 1200px) {
.billboardUvodniText {
top:30%;
font-size:60px;
line-height:65px;
}
}




/* uprava 16:9 */
.finishScreen1 .buttonRepeat {top:50%;}
	
.posunImg {
background-color:#E8ECEF;
border-top:2px solid #D5D5D5;
position:relative;
height:60px;
}
	
.puntikPrev  {
display:block;
position:absolute;
top:85%;
left:70px;
color:White;
font-size:24px;
font-size:20px;
text-transform:uppercase;
}

.puntikNext  {
display:block;
position:absolute;
top:85%;
right:70px;
color:White;
font-size:24px;
font-size:20px;
text-transform:uppercase;
}

.buttonRepeatImg {
position:absolute;
top:19px;
left:50%;
margin-left:-70px;
padding-left:30px;
background-size:20px; 
height:20px;
line-height:20px;
color:White;
color:#F3953C;
font-size:24px;
font-size:20px;
text-transform:uppercase;
width:140px; 
font-weight:bold;
}

.puntikPrevImg {left:30px;}
.puntikNextImg  {right:30px;}

.puntikPrevImg, .puntikNextImg  {
top:15px;
color:#F3953C;
font-weight:bold;
}

.barevneSchema1 .puntikPrevImg, .barevneSchema1 .puntikNextImg, .barevneSchema1 .buttonRepeatImg {color:#f3953c;}
.barevneSchema2 .puntikPrevImg, .barevneSchema2 .puntikNextImg, .barevneSchema2 .buttonRepeatImg {color:#00c41c;}
.barevneSchema3 .puntikPrevImg, .barevneSchema3 .puntikNextImg, .barevneSchema3 .buttonRepeatImg {color:#338fe6;}
.barevneSchema4 .puntikPrevImg, .barevneSchema4 .puntikNextImg, .barevneSchema4 .buttonRepeatImg {color:#e80d0d;}
.barevneSchema5 .puntikPrevImg, .barevneSchema5 .puntikNextImg, .barevneSchema5 .buttonRepeatImg {color:#944805;}


.finishScreen1 .puntikPrev, .finishScreen1 .puntikNext {top:75%;}

#finishScreenIU .buttonRepeat {
position:absolute;
top:77%;
left:50%;
color:#9d9e9f;
height:80px;
line-height:80px;
background-image: url(../pcs/pcs_layout/opakovat-icon2.png);
}
	
#finishScreenIU .puntikPrev  {
top:88%;
left:0px;
color:#9d9e9f;
height:80px;
line-height:80px;
}

#finishScreenIU .puntikNext  {
top:88%;
right:0px;
color:#9d9e9f;
height:80px;
line-height:80px;
}

.kurzProbiha {
position:absolute;
top:0;
left:0;
padding: 0 15px;
border:none !important;
}


.buttonUkonceni, .titleUkonceni {
display:block;
margin:20px 0 0 0;
/*height:67px;	*/
padding:25px 0;
text-align:center;
color:White;
background-color:Red;
cursor:pointer;
font-size:30px;
text-decoration:none;
}

.titleUkonceni {cursor: default;}

.buttonUkonceniOk {background-color:#00C41C;}
.buttonUkonceniGrey {background-color:#bcbcbc;}

.buttonUkonceni:HOVER, .titleUkonceni {
color:White;
text-decoration:none;
}

.buttonUkonceni span, .titleUkonceni span {
display:block;
font-size:25px;

text-decoration:none;
color:White;
}

.buttonUkonceni p, .titleUkonceni p {
display:block;
font-size:25px;
text-decoration:none;
color:White;
}

.buttonUkonceni p strong {
font-size:25px;
text-decoration:none;
color:#f7db76;
font-weight:normal;

text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;  
}


#buttonUkonceniMessage  { 
margin-bottom:15px;
color:Black !important;
 }

.buttonUkonceniMessage {
padding:20px 10px;
text-align:center;
/*border:1px solid Red;
border-top:none;*/
font-size:14px;
}

.buttonUkonceniMessage strong {
display:block;
color:Red;	
margin-bottom:10px;
}




.buttonUkonceniSmall {
font-weight:500;
border:none;
display:block;
color:White;
font-size:16px;
width:180px;
height:50px;
line-height:50px;

-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
text-align:center;
transition: background-color 0.5s;
text-transform: uppercase;
}

.buttonUkonceniSmall {
margin-left:auto;	
margin-right:auto;
}

.buttonUkonceniSmall:HOVER {
color:White;
text-decoration:none;
}

.buttonUkonceniKo {
background-color:	Red;
}
  
  
  
  


.kurzSelectTitle {
color:#f3953c;	
font-size:22px;
}

.barevneSchema1 .kurzSelectTitle {color:#f3953c;}
.barevneSchema2 .kurzSelectTitle {color:#00c41c;}
.barevneSchema3 .kurzSelectTitle {color:#338fe6;}
.barevneSchema4 .kurzSelectTitle {color:#e80d0d;}
.barevneSchema5 .kurzSelectTitle {color:#944805;}

.courseIntroBox {
border:1px solid #d2d5d8;
padding:0 15px 10px 15px;
margin-bottom:10px;
}

/*.courseIntroBox2 {background-color:#f7f7f7;} */

h2.kurzTitulek {
color:#f3953c;	
font-size:20px;
margin-bottom:5px;
}

.barevneSchema1 h2.kurzTitulek {color:#f3953c;}
.barevneSchema2 h2.kurzTitulek {color:#00c41c;}
.barevneSchema3 h2.kurzTitulek {color:#338fe6;}
.barevneSchema4 h2.kurzTitulek {color:#e80d0d;}
.barevneSchema5 h2.kurzTitulek {color:#944805;}

.buttonRight {
	float:right;
}

.positionRelative {
position:relative;
display:block;
}

.ico-dw {
position:absolute;
top:-10px;
right:-10px;
xborder:none !important;
background-color:White;
padding:5px;
}

.banner1, .banner2, .banner3, .banner4, .banner5, .sideBanner {display:none;}
.banner0 {display:block;}

.tooltip {position: fixed;}
.displayNone {display:none;}

table .green {color:Green !important;	}
table .red {color:#E80D0D !important;	}

.statusGreen {background-color:Green !important;	}
.statusRed {background-color:#E80D0D !important;	}

.noPadding {padding:0 !important;}

.imgShadow, .slovnikBox {
display:block;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
border:1px solid #DADADA;
}



/* slovnik */
.slovnikBox {position:relative;}

.slovnikBoxHeader {
background-color:#f4f4f4;
border-bottom:1px solid #dfdfdf;
padding:10px 0;
}

.slovnikBoxHeader label {
font-size:22px;
color:#757575;
margin-right:10px;
padding-top:10px;
}

.slovnikBoxHeader select {
/*padding:5px;*/
margin-top:10px;
min-width:100%;
float:left;
}

.slovnikMain {padding:60px 0 45px 0;}
.slovnikMain {padding:30px 0 5px 0;}

@media (min-width: 1024px) {
.textSlovoCesky, .textSlovoAnglicky {
	text-align:right;
}
}

.mt20 {margin-top:20px !important;}

.textLekceTitle {
font-size:22px;
color:#757575;
line-height:70px;
}

.textSlovoCesky {
color:#707070;	
line-height:52px;
font-size:18px;
font-size:16px;
}

.slovoCesky {
background-color:#f7e1e3;
color:Black;	
height:52px;
line-height:52px;
text-align:center;
border-bottom:2px solid #dedede;
font-size:20px;
font-size:16px;
font-weight:bold;
}

.textSlovoAnglicky {
color:#ac0000;	
line-height:52px;
font-size:18px;
font-size:16px;
}

.slovoAnglickyInput {
background-color:#f4f4f4;
color:Black;	
height:52px;
line-height:52px;
text-align:center;
border-bottom:2px solid #dedede;
width:100%;
font-size:20px;
font-size:16px;
font-weight:bold;
}

/*
input.slovoAnglickyInput, input.slovoAnglickyInput:focus {
  border-left:none;
}

input.slovoAnglickyInput {
  animation: blink-empty 1s infinite;
  border-left: transparent solid 1px;
  margin:5px 
}
@keyframes blink-empty {
  50% {border-left: 1px solid #333;}
}

input.slovoAnglickyInput:focus {
border-left:none !important;
}
*/

.slovnikFooter {
/*background-color:#f6f6f6;
border-top:1px solid #dfdfdf;*/
padding:40px 0 40px 0;
padding:15px 0 15px 0;
padding:5px 0 15px 0;
}

.vyhodnotit {
background-color:#ac0000;	
color:White;
height:52px;
line-height:52px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
width:100%;
font-size:20px;
margin:20px auto 8px auto;
cursor:pointer;
}

/*
.slovnicekHint {
background-color:#ac0000;	
background-color:#17cd57;
color:White;
height:40px;
width:40px;
line-height:40px;
-webkit-border-radius: 50%;
moz-border-radius: 50%;
border-radius: 50%;
cursor:pointer;
text-align:center;
margin-top:30px;
font-size:25px;
text-align:center;
}*/

.slovnicekHint {
background-color:#00237d;	
color:White;
height:52px;
line-height:52px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
width:100%;
font-size:20px;
margin:20px auto 8px auto;
cursor:pointer;
}

.textSlovoFoneticky {
line-height:54px;
font-size:18px;
color:#707070;
}

.slovoFoneticky {
/*background-color:#efefef;*/
/*width:340px; */
height:54px;
line-height:54px;
/*border-left:1px solid #dfdfdf; 
border-bottom:1px solid #dfdfdf; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/

text-align:center;
font-size:20px;
font-weight:bold;
}

.slovnikHidden {display:none;}

.lektorOtazka {
padding:15px;
background-color:	#F4F4F4;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.lektorOdpoved {
padding:15px;
background-color:	#F7DB76;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.lektorOtazka p, .lektorOdpoved p, .lektorOtazka p *, .lektorOdpoved p * {
color:#9A9A9A;
}

.lektorOtazka p strong, .lektorOdpoved p strong {
color:#944805 !important;
font-size:20px;
}








/* O2 */
.o2Box, .o2Box2 {
background-color:#707070;
background-color:#c7c7c7;
padding-top:10px;
}

.mainBox {
background-color:White;
padding:35px 65px 35px 35px;	
padding:20px 55px 35px 30px;	
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;

-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.75);

position:relative;
margin-right:140px;
margin-right:120px;

margin-right:24px;

margin-top:10px;
margin-left:10px;
}

.mainQuestion {
color:#e30000;
font-size:20px;
}

strong.notSo, strong.notSo b {
font-size:16px !important;
}

.text {
margin:10px 0;
color:#3d3d3d;
}

.questionKviz strong {
font-size:18px;
font-weight:normal;
}

.questionKviz strong b {
font-size:18px;
font-weight:bold;
}

.mainClaim {
padding-top:0;
margin-top:0;
}

.mainClaim strong, .mainClaim strong b {
font-size:25px;
font-size:25px;

font-size:20px;

color:#345d8f;
line-height:25px;
}

.mainClaim strong.notSo {font-weight:400;}

.mainClaim strong, .mainClaim strong b {
font-weight:900;
}

.red { color:#e30000;}

.buttonRed {
background-color:#e30000;
color:White;
font-size:20px;
font-weight:bold;
height:60px;
line-height:60px;
width:250px;
cursor:pointer;
text-align:center;
display:block;
text-decoration:none;
}

.buttonRed:HOVER {
color:White;
text-decoration:none;
}

.o2Box .topFace, .o2Box .topFace2, .o2Box .topFace3, .o2Box .topFace10, .o2Box .topFace11, .o2Box .topFace12, 
.o2Box .topFaceStav1, .o2Box .topFaceStav2, .o2Box .topFaceStav3, .o2Box .topFaceStav4 {
background-image: url(../pcs/pcs_iu_o2/face1.png);
background-position: center center;
background-repeat: no-repeat;
background-size:100%;
width:193px;
height:279px;

width:96.5px;
height:139.5px;

position:absolute;
top:-18px;
top:0px;
right:-140px;	
right:-70px;	

transition: background 0.2s linear;
z-index:999;
}

.o2Box2 .topFace, .o2Box2 .topFace2, .o2Box2 .topFace3, .o2Box2 .topFace10, .o2Box2 .topFace11, .o2Box2 .topFace12, 
.o2Box2 .topFaceStav1, .o2Box2 .topFaceStav2, .o2Box2 .topFaceStav3, .o2Box2 .topFaceStav4 {
background-image: url(../pcs/pcs_iu_o2-2/face1.png);
background-position: center center;
background-repeat: no-repeat;
background-size:100%;
width:193px;
height:279px;

width:96.5px;
height:139.5px;

position:absolute;
top:-18px;
top:0px;
right:-140px;	
right:-70px;	

transition: background 0.2s linear;
z-index:999;
}

#topFace2 {
top:180px;

top:190px;

background-image: url(../pcs/pcs_iu_o2-2/face12.png);
display:none;
}

.o2Box .topFace2 {background-image: url(../pcs/pcs_iu_o2/face2.png)!important;}
.o2Box .topFace3 {background-image: url(../pcs/pcs_iu_o2/face3.png)!important;}

.o2Box .topFace10 {background-image: url(../pcs/pcs_iu_o2/face10.png)!important;}
.o2Box .topFace11 {background-image: url(../pcs/pcs_iu_o2/face11.png)!important;}
.o2Box .topFace12 {background-image: url(../pcs/pcs_iu_o2/face12.png)!important;}
.o2Box .topFace13 {background-image: url(../pcs/pcs_iu_o2/face13.png)!important; z-index:99999;}

.o2Box .topFace22 {background-image: url(../pcs/pcs_iu_o2/face22.png)!important;}
.o2Box .topFace23 {background-image: url(../pcs/pcs_iu_o2/face23.png)!important;}
.o2Box .topFace24 {background-image: url(../pcs/pcs_iu_o2/face24.png)!important;}

.o2Box .topFaceStav1 {background-image: url(../pcs/pcs_iu_o2/face-stav1.png)!important;}
.o2Box .topFaceStav2 {background-image: url(../pcs/pcs_iu_o2/face-stav2.png)!important;}
.o2Box .topFaceStav3 {background-image: url(../pcs/pcs_iu_o2/face-stav3.png)!important;}
.o2Box .topFaceStav4 {background-image: url(../pcs/pcs_iu_o2/face-stav4.png)!important;}



.o2Box2 .topFace2 {background-image: url(../pcs/pcs_iu_o2-2/face2.png)!important;}
.o2Box2 .topFace3 {background-image: url(../pcs/pcs_iu_o2-2/face3.png)!important;}

.o2Box2 .topFace10 {background-image: url(../pcs/pcs_iu_o2-2/face10.png)!important;}
.o2Box2 .topFace11 {background-image: url(../pcs/pcs_iu_o2-2/face11.png)!important;}
.o2Box2 .topFace12 {background-image: url(../pcs/pcs_iu_o2-2/face12.png)!important;}
.o2Box2 .topFace13 {background-image: url(../pcs/pcs_iu_o2-2/face13.png)!important; z-index:99999;}

.o2Box2 .topFace22 {background-image: url(../pcs/pcs_iu_o2-2/face22.png)!important;}
.o2Box2 .topFace23 {background-image: url(../pcs/pcs_iu_o2-2/face23.png)!important;}
.o2Box2 .topFace24 {background-image: url(../pcs/pcs_iu_o2-2/face24.png)!important;}

.o2Box2 .topFaceStav1 {background-image: url(../pcs/pcs_iu_o2-2/face-stav1.png)!important;}
.o2Box2 .topFaceStav2 {background-image: url(../pcs/pcs_iu_o2-2/face-stav2.png)!important;}
.o2Box2 .topFaceStav3 {background-image: url(../pcs/pcs_iu_o2-2/face-stav3.png)!important;}
.o2Box2 .topFaceStav4 {background-image: url(../pcs/pcs_iu_o2-2/face-stav4.png)!important;}

.question {
/*background-color:#f2f2f2;*/
padding:20px 100px 20px 30px;
padding:15px 100px 5px 30px;
padding:12px 100px 5px 20px;

padding:8px 100px 3px 20px;

border:2px solid #c6c6c6;

margin: 0 0 2px 0;
position:relative;

background-image: url(../pcs/pcs_iu_o2/rack.png);
background-position: right center;
background-repeat: repeat;
background-size:98%;
min-height:70px;
min-height:50px;
}

.question p {
font-weight:bold;
font-size:17px;
font-size:16px;

max-width:660px;
line-height:37px;
line-height:20px;
color:Black;
color:#2f2f2f;
}

.question p.textOff {
color:#aeaeae;
}

.switch {
position:absolute;
top:50%;
right:20px;
margin-top:-19px;
background-position: center center;
background-repeat: no-repeat;
width:65px;
height:38px;
cursor:pointer;
}

.switchOn {background-image: url(../pcs/pcs_iu_o2/switch-on.png);}
.switchOff {background-image: url(../pcs/pcs_iu_o2/switch-off.png);}

.hodnoceni {float:right;}

.hodnoceni1 {
color:#E30000;
font-size:28px;
font-weight:bold;
}

.hodnoceni2 {
display:none;
color:#1bc43b;
font-size:28px;
font-weight:bold;
}

.napoveda, .napoveda b {
color:#E30000;
margin-top:10px;
}

.napoveda b {font-weight:bold;}
#preload img {display:none;}

#faze1 {position:relative;}

#faze2 {
margin-top:30px;
/*padding-top:10px;*/
position:relative;
}

#coverImageFaze1, #coverImageFaze2 {
width:105%;
height:107%;
background-image: url(../pcs/pcs_iu_o2/cover-backgroud.jpg);
background-position: top left;
background-repeat: repeat;
position:absolute;
top:-5px;
left:-10px;
}

#coverImageFaze1 {
display:none;
width:0;
}

#runTest, #hideTest {
position:absolute;
top:50%;
left:50%;
margin:-41px 0 0 -134px;
background-image: url(../pcs/pcs_iu_o2/button-background.png);
background-position: center;
background-repeat: no-repeat;
width:269px;
height:83px;
line-height:83px;

-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.67);
box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.67);
}

#hideTest { display:none; }

#topVideo {
position:relative;
z-index:999;
margin:15px auto;
width:207px;
}

.topVideoLink, .topVideoLink2 {
position:absolute;
top:0;
left:0;
width:207px;
height:155px;	
z-index:99999;
/*border:1px solid Red;*/
}


.topVideoLink2 {
/*border:1px solid Green;*/
}

.carouselRight, .carouselLeft {
display:block;
width:25px;
height:35px;
background-position: center;
background-repeat: no-repeat;
z-index:9999999;
}

.carouselRight {
right:-40px!important;
top:50px!important;
position:absolute;
background-image: url(../pcs/pcs_layout/carousel-right.png) !important;
}

.carouselLeft {
left:-40px!important;
right:auto!important;
top:50px!important;
position:absolute;
}

.carouselLeft {background-image: url(../pcs/pcs_layout/carousel-left.png)!important; }
.carousel-indicators {bottom:5px!important;}

.carousel-indicators li {
background-color: #b1afae;
width:12px;
height:12px;
margin:0!important;
}

.carousel-indicators .active { 
background-color: #f3953c;
width:12px;
height:12px;
margin:0!important;
}

/* posuvnik VECI  */
.kurzNavigScroll {
width:99%;
padding-right:5px;
height:65vh; 
/*padding-right:30px;*/

/*
overflow-y: hidden!important;
overflow-x: scroll!important;*/

overflow-y:auto; 
}

.mt0 {margin-top:0!important}
.pt20 {padding-top:20px!important}

/**/
/*
.barevneSchema1 .jspDrag {background-color:#f3953c!important;}
.barevneSchema2 .jspDrag {background-color:#00c41c!important;}
.barevneSchema3 .jspDrag {background-color:#338fe6!important;}
.barevneSchema4 .jspDrag {background-color:#e80d0d!important;}
.barevneSchema5 .jspDrag {background-color:#944805!important;}
*/


.buttonStin {
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}