/* -- start setup -- */
/*font-family: 'Roboto', sans-serif;*/

@font-face {
  font-family: 'YTSans-Bold';
  src: url('YTSans-Bold.eot?#iefix') format('embedded-opentype'),  url('YTSans-Bold.otf')  format('opentype'),
	     url('YTSans-Bold.woff') format('woff'), url('YTSans-Bold.ttf')  format('truetype'), url('YTSans-Bold.svg#YTSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YTSans-Medium';
  src: url('YTSans-Medium.eot?#iefix') format('embedded-opentype'),  url('YTSans-Medium.otf')  format('opentype'),
	     url('YTSans-Medium.woff') format('woff'), url('YTSans-Medium.ttf')  format('truetype'), url('YTSans-Medium.svg#YTSans-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YTSans-Light';
  src: url('YTSans-Light.eot?#iefix') format('embedded-opentype'),  url('YTSans-Light.otf')  format('opentype'),
	     url('YTSans-Light.woff') format('woff'), url('YTSans-Light.ttf')  format('truetype'), url('YTSans-Light.svg#YTSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
font-family: 'Roboto', serif, Arial, Verdana, Trebuchet MS,Helvetica,sans-serif;
font-size : 16px;
color:White;
}

/* -- 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;}
.textLeft {text-align:left !important;}
.pb90 {padding: 0 0 90px 0;}
.ml20 {margin-left:20px !important;}
.mb0 {margin-bottom:0px !important;}

/* -- all pages -- */
hr {display : none;}

body {
background-image: url(../pcs/pcs_layout/bg-1.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size:cover;
background-color:#000000;
}

body.carouselYouTube {
background-image: none;
background-color:#000000;
padding:0;
margin:0;
overflow: hidden;
}

.topMenu {
display:none;
position:absolute;
z-index:99999;
top:55px;
left:0;
width:100%;
padding:30px;
background-color: #1C1C1C;
border-top:3px solid #FF0000;
}

.topMenu a {
display:block;
color: White;
font-size: 22px;
font-size: 18px;
font-weight: 300;
line-height: 27px;
text-align: center;
margin-top:5px;
margin-bottom:5px;
}

.overlay {
display:none;
position:absolute;
top:0;
left:0;
height: 100%;
width: 100%;
opacity: 0.5;
z-index:999; 
background-color: #1C1C1C;
}

.topText {font-family: 'YTSans-Medium';}



.content {
min-height:400px;
padding-top:100px;
}

.contentHome {padding-top:100px;}
.contentContinue {padding-top:50px;}
.contentGDPR {padding-top:10px;}


.selectFestival {
width:200px;
margin: 0 auto 30px auto;	
}

.selectFestival a {
display:block;
margin: 10px auto;	
}

.selectFestival a img {
display:block;
margin: 0 auto;	
}

.topLogo {
text-align:center;
margin:0 auto 50px auto;
width:192px;	
}

.topText {
color: #FFFFFF;
/*font-family: YTSans;*/
font-size: 30px;
font-weight: 500;
line-height: 36px;
text-align: center;
}

.topTextSmall {
font-size: 18px;
line-height: 22px;
font-weight: 300;
margin-bottom:20px;
text-align:left!important;
}

.downloadText {
color: #FFFFFF;
font-size: 22px;
font-weight: 300;
line-height: 25px;
text-align: center;
margin:15px 0 25px 0;
}

.downloadButton img {
margin:10px auto;
display:block;
}

.introHowTo {
color: #FFFFFF;
font-size: 18px;
line-height: 25px;
text-align: center;
padding-left:25px;
padding-right:25px;
margin:25px 0 15px 0;
}

.topQuestion {
line-height: 28px;
font-size: 22px;
padding-left:10px;
padding-right:10px;
}

.topQuestion2 {
margin-top:10px;
line-height: 28px;
font-size: 22px;
padding-left:10px;
padding-right:10px;
font-weight: 100;
font-family: 'YTSans-Light';
}

.player {
background-image: url(../pcs/pcs_layout/play-icon.svg);
background-position: center;
background-repeat: no-repeat;
width:50px;
height:50px;
margin:20px auto;
display:block;
}

.playerStop {background-image: url(../pcs/pcs_layout/play-icon-stop.png) !important;}

.pressPlay {
text-align:center;
color:White;
font-size:14px;
font-weight:bold;
margin:0 auto;	
}

.topTextVyhodnoceni {
color: #FFFFFF;
/*font-family: YTSans;*/
font-size: 30px;
font-weight: 300;
line-height: 36px;
text-align: center;
}

.topTextVyhodnoceni strong {
color: #FFFFFF;
font-size: 30px;
font-weight: 600;
line-height: 36px;
text-align: center;
}

.buttonStart {
display:block;
text-align:center;
margin:20px auto;
height: 42px;
line-height: 42px;
width: 180px;
border-radius: 3px;
background-color: #FFFFFF;
color: #000000;
font-size: 14px;
font-weight: 500;
}

.buttonStart:HOVER {
color: #000000;
text-decoration:none;
}


.whiteTop {
background-color:White;
padding:10px;	
height:55px;
position:relative;
z-index:999999;
}

.menuIconBlack {
position:absolute;
top:15px;
right:15px;	
cursor:pointer;
}

.close {
display:none;
position:absolute;
top:15px;
right:15px;	
cursor:pointer;
z-index:9999999;
}


.text {
color: #FFFFFF;
line-height: 22px;
text-align: center;
}

.textSmall {
line-height: 18px;
font-size:13px;	
text-align:left!important;
}

.textSmall strong {
line-height: 18px;
font-size:14px;	
}

.itemList {
padding-left:0;
margin-top:20px;
margin-bottom:20px;
margin-left:15px;
}

.itemList li {
line-height: 18px;
font-size:13px;		
margin-bottom:10px;
text-align:left!important;
}

.loginForm input  {
height: 45px;
border: 1px solid #333333;
border-radius: 3px;
background-color: #222222;
color:.#919191;
}

.loginForm select  {
height: 45px;
border: 1px solid #333333;
border-radius: 3px;
background-color: #222222;
color:.#919191;
}

.loginForm option {
background-color: #222222;
color:.#919191;
}

.loginForm input.textInput  {
padding-left:40px;
background-position: 10px center;
background-repeat: no-repeat;
}

.loginForm input.textInputGDPR  {padding-left:10px;}

.loginForm input.formNickname  {background-image: url(../pcs/pcs_layout/nick-icon.svg);}
.loginForm input.formTelefon  {background-image: url(../pcs/pcs_layout/phone-icon.svg);}
.loginForm input.formEmail  {background-image: url(../pcs/pcs_layout/email-icon.svg);}

.loginForm input.submitButton {
height: 42px;
line-height: 42px;
color: #000000;
font-size: 14px;
font-weight: 500;
text-align: center;
width: 180px;
border-radius: 3px;
background-color: #FFFFFF;
margin:10px auto;
display:block;
}

#error {
color: White;
font-size: 15px;
text-align: center;
display:block;
margin-bottom:20px;	
}

.linkPravidla {
color: #FF0000;
font-size: 14px;
text-align: center;
display:block;
margin-bottom:20px;
}


/* INFO */
.infoText {
color: #919191;
color: White;
font-size: 22px;
line-height: 25px;
text-align: center;
font-family: 'YTSans-Light';
margin-bottom:30px;
}

.infoText strong {
color: White;
font-size: 26px;
line-height: 28px;
text-align: center;
font-family: 'YTSans-Light';
}

.infoText a {
color: #FF0000;
font-size: 22px;
font-family: 'YTSans-Light';
}

.carouselIcon {min-height:165px; }
.carouselHeight {min-height:100px;	}

/*.steps {
margin:20px auto;
width:88px;
height:40px;
}

.step {
width:10px;
height:10px;
border:2px solid #8d8d8d;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left:5px;
margin-right:5px;
float:left;
}

.stepActive {
border:2px solid #f60d07;
background-color:#f60d07;
}*/

.carousel-indicators li {
width:10px!important;
height:10px!important;
border:2px solid #8d8d8d;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
/*margin-left:5px;
margin-right:5px;*/
background-color:transparent;
padding:0;
}

.carousel-indicators li.active {
border:2px solid #f60d07;
background-color:#f60d07;
}

/* ukazky */
.ukazkaBubble {
padding:10px;
text-align:ceter;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #FF0000;
position:relative;
margin:10px 10px 20px 10px;
}

.ukazkaBubble p {
text-align:center;
margin:0;
}

.ukazkaBubble p strong {
text-align:center;
display:block;
}

.bubbleArrow {
display:block;
width:29px;
height:14px;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-15px;
background-image: url(../pcs/pcs_layout/bubble-arrow.png);
background-position: center;
background-repeat: no-repeat;
}

.buttonContinue, .pokracovatButton {
display:block;
height: 42px;
line-height: 42px;
width: 180px;
width: 210px;
border-radius: 3px;
background-color: #FFFFFF;
margin:20px auto;
color: #000000;
font-size: 14px;
font-weight: 500;
text-align: center;
background-image: url(../pcs/pcs_layout/arrow-continue.png);
background-position: right center;
background-repeat: no-repeat;
text-transform:uppercase;
border:none;
cursor:pointer;
}

/* vysledky */
.vysledkyTable {
background-color: #000000;	
margin-top:20px;
margin-left:-15px;
margin-right:-15px;
}

.vysledkyTable table {
width:100%;
border-collapse:collapse;
}

.vysledkyTable table td {
padding:10px;
border-bottom:	1px solid #393939;	
color: #919191;
color: White;
}

.vysledkyTable table td.tabTime {
color:White;
}


/* otazky */
.questionHead {
height: 42px;
line-height: 42px;
background-color: #FF0000;
}

.question {
color: #FFFFFF;
font-family: 'YTSans-Medium';
font-size: 20px;
font-weight: 500;
line-height: 36px;
float:left;
margin-left:20px;
}

.mainQuestions {
background-color: #000000;
padding-top:14px;
padding-bottom:14px;
/*padding-left:15px;*/
}

.questionFormQuestion {
border-bottom:1px solid #393939;	
line-height:55px;
}

.questionFormQuestionCheckbox {
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #393939;	
line-height:30px;
}

.questionFormQuestionCheckbox input {
width:15px;
height:15px;
margin-right:10px;
}

.questionFormQuestionCheckbox label {
font-size:14px;
}

.questionFormQuestion label {margin-left:15px;	
display:block;
padding-top:10px;
padding-bottom:10px;
}

.questionFormQuestionFirst {
border-top:1px solid #393939;	
margin-top:10px;
}

.time {
float:right;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
margin-right:20px;
}

.questionForm label {
color: #919191;
color: White;
font-family: Roboto;
font-size: 16px;
line-height: 22px;
}

.questionFormQuestion {
border-bottom:1px solid #393939;
}


.imgCenter img {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

.formText {
color: #919191;
color: White;
font-size: 14px;
line-height: 19px;
text-align: center;
}


.footerAbs {
position:absolute;
bottom:0;
left:0;
width:100%;
}

.footer {
background-color:#151515;	
padding-top:20px;
padding-bottom:20px;
}

.flags {
width:160px;
width:120px;
width:80px;
margin:0 auto;	
}

.lang {
display:block;
padding-top:16px;
color: #919191;
color: White;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
line-height: 16px;
background-position: top center;
background-repeat: no-repeat;
float:left;
width:20px;
margin-left:10px;
margin-right:10px;
}

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

.langCZ {background-image: url(../pcs/pcs_layout/cz-flag.svg);}
.langHU {background-image: url(../pcs/pcs_layout/hu-flag.svg);}
.langEN {background-image: url(../pcs/pcs_layout/en-flag.svg);}
.langUA {background-image: url(../pcs/pcs_layout/ua-flag.svg);}


.wrong {color:Red !important;}

#uspesne_odeslani {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px auto;
background-color:White;
color:#8D8D8D;
line-height:50px;
text-align:center;
}


/*audio {
    background-color: Red !important
}*/


#carouselTableTitle {
text-align:center;
font-size:25px;
}

#carouselTable {
width:90%;
height:1200px;

margin-left:5%;
margin-top:50px;
}

.vysledkyTableCarousel table {
border-collapse:collapse;
width:90%;
height:90%;
margin-left:5%;
margin-right:5%;
}

.vysledkyTableCarousel table td {
padding:14px 10px;
border-bottom:	1px solid #393939;	
color: White;
font-size : 20px;
}


#searchForm {
position:absolute;
top:10px;
right:60px;
z-index:99999999;
}

#searchForm input {
color:Black !important;
width:80px;
}

#searchForm input.searchBox {
color:Black !important;
width:160px;
}