.column {
  float: left;
}

.left {
  width: 25%;
}

.right {
  width: 75%;
}

@charset "utf-8";
/* CSS Document */

/*...........A...........*/


/*---------------css animation for image scale on page load-----------------------------*/

* {
  box-sizing: border-box;
}

body,
html {
  font-family: "Roboto", sans-serif;
  color: white;
}

h1 {
  margin: 0px 0;
  text-align: center;
  position:fixed;
  top: 100px; 
  align: center;
}

@keyframes scaleInUp {
  0% {
    transform: scale(0%);
    opacity: 0;
  }
  100% {
    transform: scale(100%);
    opacity: 1;
  }
}

.scaleInUp-animation {
  animation: 4.0s scaleInUp;
}
/*---------------end-----------------------------*/



/*---------------css animation for image move and fadeout on page load-----------------------------*/
* {
  box-sizing: border-box;
}

body,
html {
  font-family: "Roboto", sans-serif;
  color: white;
}

h1 {
  margin: 100px 0;
  text-align: center;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 3.0s fadeInUp;
}
/*---------------end-----------------------------*/


/*...........B...........*/

.bubbleOtazka {
	/*	background-image: url(images/corner100UpL.png), url(images/corner100DnL.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left bottom;
	background-size: 8px 8px, 8px 8px;*/
	
border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;
	font-weight: bold;
	background-color: #5F83FE;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleOtazkaRed {

	
border-radius: 8px;	
box-shadow: 2px 4px 3px #CCC;

	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #00F;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleShort {
	border-radius: 8px;
	box-shadow: 2px 4px 3px #666;
	color: #FFF;
	text-decoration: none;
	font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #2828FF;
	text-align: left;
	valign: top;
	height: auto;
	width: auto;
	display: inline-block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleBlueLight {
	border-radius: 8px;
	box-shadow: 2px 4px 3px #666;
	color: #000;
	text-decoration: none;
	font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #CAE2FF;
	text-align: left;
	valign: top;
	height: auto;
	width: auto;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleFoto {
border-radius: 2px;	
box-shadow: 2px 4px 3px #666;
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


.bubbleAlert {
	background-image: url(images/bubbleAlertWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;

border-radius: 8px;	
box-shadow: 2px 4px 3px #CCC;

	color: #FFF;
	text-decoration: none;
/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;	
	font-size: 18px;
	background-color: #00F;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleAlertQuest {
	background-image: url(images/bubbleQuestWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;

border-radius: 8px;	
box-shadow: 2px 4px 3px #CCC;

	color: #FFF;
	text-decoration: none;
/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;	
	font-size: 18px;
	background-color: #00F;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleLawyer {
	background-image: url(images/lawyerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #E0DCC7;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleBeige {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #E0DCC7;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleLock {
	background-image: url(images/Lock.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #E0DCC7;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleBeigeLight {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #F3F2EB;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleBeigeDark {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #C6BE97;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}




.bubbleFaceBadRed {
	background-image: url(images/faceBadWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #F00;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleMinusRed {
	/*background-image: url(images/bubbleMinusBlack.png), url(images/corner100UpL.png), url(images/corner100DnL.png), url(images/corner100UpR.png), url(images/corner100DnR.png);;
	background-repeat: no-repeat;
	background-position: left top, left top, left bottom, right top, right bottom;
	background-size: 30px 30px, 8px 8px, 8px 8px, 8px 8px, 8px 8px;*/
	
	background-image: url(images/bubbleMinusBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #F1A3A5;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}	
	
.bubbleMinusRed-backup {
	background-image: url(images/bubbleMinusBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #ED898B;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}


.bubbleFaceSmileGreen {
	background-image: url(images/faceSmileBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #9C3;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubblePlusMinusGray {
	background-image: url(images/bubblePlusMinusBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;

border-radius: 8px;	
box-shadow: 2px 4px 3px #CCC;
	
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #CCC;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}


	
.bubblePlusGreen {
	/*	background-image: url(images/bubblePlusBlack.png), url(images/corner100UpL.png), url(images/corner100DnL.png), url(images/corner100UpR.png), url(images/corner100DnR.png);;
	background-repeat: no-repeat;
	background-position: left top, left top, left bottom, right top, right bottom;
	background-size: 30px 30px, 8px 8px, 8px 8px, 8px 8px, 8px 8px;*/
	
	background-image: url(images/bubblePlusBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Noto serif", Lora, Times New Roman, Times, serif;	
	font-size: 18px;
/*	background-color: #DDF2C8;*/
			background-color: #C6DDA6;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleLink {
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 18px;*/
	background-color: #6CE3E3;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.bubbleLink:hover {
	color: #000;
	background-color: #71F9F9;
	padding-right: 6px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.bubbleLinkRed {
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*	font-size: 18px;*/
	background-color: #D50000;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.bubbleLinkRed:hover {
	color: #FFF;
	background-color: #F00;
	padding-right: 6px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.bubbleLinkGreen {
	border-radius: 4px;
/*	box-shadow: 1px 2px 2px #999;*/
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*	font-size: 18px;*/
	background-color: #29DC0A;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.bubbleLinkWhite {
	border-radius: 4px;
/*	box-shadow: 1px 2px 2px #999;*/
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.35);
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*	font-size: 18px;*/
/*			background-color: #C6BE97;*/
				background-color: #EAE8D9;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.bubbleLinkWhite:hover {
	background-color: #F4F3EC;
	padding-right: 6px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

.bubbleLinkGreen:hover {
	color: #000;
	background-color: #4AF52C;
	padding-right: 6px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.bubbleTransparent {
/*	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;*/
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
/*	background-color: #E0DCC7;*/
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}
	
	
.buttonMoreBlue {
	background-image: url(images/arrowDwn.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #D8D8D8;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.buttonMoreBlue:hover {
	color: #000;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 46px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.buttonMoreGreen {
	background-image: url(images/arrowDwn.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #EBEE59;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.buttonMoreGreen:hover {
	color: #000;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 46px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.buttonMoreRed {
	background-image: url(images/arrowDwnWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
		background-color: #D50000;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.buttonMoreRed:hover {
	background-color: #F00;
	padding-right: 20px;
	padding-left: 46px;
	padding-top: 2px;
	padding-bottom: 2px;
}



.bubbleLinkBig {
	border-radius: 6px;
	/*box-shadow: 2px 4px 3px #999;*/
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.35);
	color: #FFF;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;*/
	background-color: #D50000;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 12px;
	padding-left: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.bubbleLinkVote {
	background-image: url(images/voteVH.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 45px 30px;
	border-radius: 6px;
	/*box-shadow: 2px 4px 3px #999;*/
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.35);
	color: #FFF;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;*/
	background-color: #D50000;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 12px;
	padding-left: 50px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.bubbleLinkVote:hover {
	background-color: #F00;
	padding-right: 14px;
	padding-left: 52px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleLinkNews {
	background-image: url(images/newsWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px 30px;
	border-radius: 6px;
	/*box-shadow: 2px 4px 3px #999;*/
	box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.35);
	color: #FFF;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;*/
	background-color: #D50000;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 12px;
	padding-left: 50px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.bubbleLinkNews:hover {
	background-color: #F00;
	padding-right: 14px;
	padding-left: 52px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleLinkBig:hover {
	color: #FFF;
	background-color: #F00;
	padding-right: 14px;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubblePlate {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 10px;
/*	display: block;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.bubblePlusGreenInside {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #666;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
	
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #BAD3A9;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubblePlusGreenInside2 {
	background-image: url(images/bubbleAnswerWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #666;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #9AB384;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubblePlusGreenInsideDeep {
	background-image: url(images/bubbleAnswerWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;

border-radius: 8px;	
box-shadow: 2px 4px 3px #666;

	color: #FFF;
	text-decoration: none;
/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	
	font-size: 18px;
	background-color: #4F633D;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleQuest {
	background-image: url(images/bubbleQuestWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;

border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;

color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #1044F5;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleQuestGreen {
	background-image: url(images/bubbleQuestWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #4F633D;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleQuestGray {
	background-image: url(images/bubbleQuestBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	background-color: #DBDBDB;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleQuestRed {
	background-image: url(images/bubbleQuestWhite.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;

border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	
color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #F90000;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleAnswer {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
/*	background-color: #D3E7F5;*/
		background-color: #AED2FF;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;

}


.bubbleAnswerFAQ {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	/*	background-color: #D3E7F5;*/
		background-color: #F9F9F9;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}



.bubbleAnswerGreen {
	background-image: url(images/bubbleAnswerBlack.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	/*	background-color: #DDF2C8;*/
		background-color: #C6DDA6;
	text-align: left;
	valign: top;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.bubbleOdpoved {
	/*	background-image: url(images/corner100UpR.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right top, right bottom;
	background-size: 8px 8px, 8px 8px;*/

border-radius: 8px;
	box-shadow: 2px 4px 3px #CCC;
	color: #333;
	text-decoration: none;
	/*	font-family: Arial, Helvetica, sans-serif;*/
		font-family: "Noto serif", Lora, Times New Roman, Times, serif;
	font-size: 18px;
	background-color: #AED2FF;
	text-align: left;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}







/*------------NEW BUBBLES MOTL------------------*/


.bubbleFoto {

/*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 10px;

border-radius: 4px;
/*	box-shadow: 2px 3px 3px #999;*/
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


.bubbleLink {
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 18px;*/
	background-color: #6CE3E3;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.bubbleLink:hover {
	color: #000;
	background-color: #71F9F9;
	padding-right: 6px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}





.bubbleLinkRow {
	border-radius: 4px;
	box-shadow: -1px -1px 3px #000;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*	font-size: 18px;*/
/*	background-color: #F0F0F0;*/
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.bubbleLinkRow:hover {
	color: #000;
	background-color: #71F9F9;
	box-shadow: 1px 2px 2px #999;
	z-index: 200;
/*	padding-right: 6px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;*/
}



.bubblePlate {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 10px;
/*	display: block;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#bubblePlate {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 10px;
/*	display: block;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.bubbleFolder {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 10px;
/*	display: block;*/
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 80px;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}











.buttonTopFix {	width: 25%; height: 50px; border: none; position:fixed; top: 10px; left: 5%; z-index: 99999;}


.buttonPlainRed {
	border-radius: 20px;
/*	box-shadow: 1px 2px 2px #999;*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #E82424;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buttonPlainPink {
	border-radius: 20px;
	/*box-shadow: 1px 2px 2px #999;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #F7AEAE;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buttonPlainBlue {
	border-radius: 20px;
/*	box-shadow: 1px 2px 2px #999;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #8EC7F4;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.buttonPlainGreen {
	border-radius: 20px;
	/*box-shadow: 1px 2px 2px #999;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #A7F78C;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buttonRelease {
/*	background-image: url(images/stopky.png);
	background-repeat: no-repeat;
	background-position: left middle;
	background-size: 20px 20px;*/
	border-radius: 20px;
	/*box-shadow: 1px 2px 2px #999;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	/*	background-color: #EEF2BD;*/
		background-color: #EBEBEB;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buttonTime {
	background-image: url(images/stopky.png);
	background-repeat: no-repeat;
	background-position: left middle;
	background-size: 20px 20px;
	border-radius: 20px;
	/*box-shadow: 1px 2px 2px #999;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	/*	background-color: #EEF2BD;*/
	background-color: #D0D0CE;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}



.buttonZoomPlus {
	background-image: url(images/zoomPlus.png);
	background-repeat: no-repeat;
	background-position: left middle;
	background-size: 30px 30px;
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #D8D8D8;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buttonZoomMinus:hover {
	color: #000;
	background-color: #FFF;
}

.buttonZoomMinus {
	background-image: url(images/zoomMinus.png);
	background-repeat: no-repeat;
	background-position: left middle;
	background-size: 30px 30px;
	border-radius: 4px;
	box-shadow: 1px 2px 2px #999;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #D8D8D8;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.buttonZoomMinus:hover {
	color: #000;
	background-color: #FFF;
}




.buttonBlank {
	border-radius: 20px;
	box-shadow: 1px 2px 2px #888;
	background-color: #FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	valign: top;
	height: auto;
	/*	display: block;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*...........C...........*/

.centerScreen 
{
    position: relative;
    top:  -20vh;
    left: 50%;
    transform: translate(-50%,-50%);
}


/*...........D...........*/
/*...........E...........*/
/*...........F...........*/
/*...........G...........*/
/*...........H...........*/

a.headlineBlue {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
/*	background-color: #D3E7F5;*/
			background-color: #AED2FF;
	text-align: center;
	valign: middle;
	height: 35px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

.headlineBlueTxt {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
/*	background-color: #D3E7F5;*/
			background-color: #AED2FF;
	text-align: left;
	valign: middle;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

a.headlineBlueEnd {
	background-image: url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	background-color: #D3E7F5;*/
			background-color: #AED2FF;
	text-align: center;
	valign: middle;
	height: 25px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

a.headlineBeige {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
		background-color: #E0DCC7;
	text-align: center;
	valign: middle;
	height: 35px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

.headlineBeige2 {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
		background-color: #E0DCC7;
	text-align: center;
	valign: middle;
	height: 35px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

a.headlineBeigeEnd {
	background-image: url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		background-color: #E0DCC7;
	text-align: center;
	valign: middle;
	height: 25px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}


a.headlineGreen {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #00D900;
	text-align: center;
	valign: middle;
	height: 25px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

.headlineGreenTxt {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #CEEFBA;
	text-align: left;
	valign: middle;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}

a.headlineGreenEnd {
	background-image: url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	background-size: 10px 10px, 10px 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #00D900;	
	text-align: center;
	valign: middle;
	height: 25px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	padding-top: 8px;
}



/*...........I...........*/

/*img:hover {  -webkit-transform: scale(2,2);}*/


a.imageMenu {		background-image: url(images/40-50hide46pct.png); background-repeat: no-repeat; background-position: 0px; height: 50px; width: 40px; display: block; }
a.imageMenu:hover {	background-position: 50px; block; text-decoration: none;}

a.imageMenu80 {			background-image: url(images/80-50hide46pct.png); background-repeat: no-repeat; background-position: 0px; height: 50px; width: 80px; display: block; }
a.imageMenu80:hover {	background-position: 80px; block; text-decoration: none;}

.imageLink {			text-decoration: none;}

.imageFit { max-height: 100vh; max-width:auto; display:block; margin:0 auto;}

.imageBgFit { 
	background-image: url(images/UP-pasekauStenberka5.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100%;
/*	max-width: 100vh; 
	max-width:auto; */


}

.imageBgFitClouds { 
	background-image: url(images/antre3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: auto;

}



/*...........J...........*/
/*...........K...........*/
/*...........L...........*/
/*...........M...........*/

.multi-bg-example {
    background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgb(30 75 115 / 100%), rgb(255 255 255 / 0%));
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: bottom right, left, right;
}

a.menuNull {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px;
	color: #999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}


a.menuBlue {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #3FF;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menuBlue:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #06F;
}			



a.Link {
/*	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px;*/
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #3FF;
	text-align: center;
	valign: middle;
	height: auto;

	padding-right: 8px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.Link:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #06F;
}





a.menuBlueSikmo {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #00F;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menuBlueSikmo:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #00009F;
}			

a.menuGray {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px ; 
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DFDFDF;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menuGray:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #F00;
}			




a.menuGraySikmo {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px; 
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
/*	background-color: #DFDFDF;*/
	background-color: #E0DCC7;
text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menuGraySikmo:hover {
/*	color: #FFF;*/
	text-decoration: none;
	/*	background-color: #00F;*/
		background-color: #C6BE97;
}			

a.menuGray2Sikmo {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*	background-color: #DFDFDF;*/
	background-color: #E5E5E5;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.menuGray2Sikmo:hover {
	/*	color: #FFF;*/
	text-decoration: none;
	/*	background-color: #00F;*/
		background-color: #BCBCBC;
}			


a.menuGraySikmoDark {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*	background-color: #DFDFDF;*/
/*	background-color: #E0DCC7;*/
		background-color: #C6BE97;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.menuGraySikmoDark:hover {
	/*	color: #FFF;*/
	text-decoration: none;
	/*	background-color: #00F;*/
		background-color: #AEA36C;
}			





a.menuLight {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #EEE;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menuLight:hover {
	text-decoration: none;
	background-color: #FFA8A8;
}			

a.menuLightSikmo {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px; 
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #EEE;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menuLightSikmo:hover {
	text-decoration: none;
	background-color: #FFA8A8;
}			

a.menuLightSikmoSelected {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #00F;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}


a.menuGreen {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #00D900;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menuGreen:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #00F;
}			

a.menuGreenSikmo {
	background-image: url(images/cornerUpL15x30.png), url(images/cornerDnR15x30.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: 15px 30px, 15px 30px; 
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
/*	background-color: #00D900;	*/
background-color: #29DC0A;
text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}




.menuGreenSikmo:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	/*	background-color: #00F;*/
/*		background-color: #00A600;*/
			background-color: #4AF52C;
}			


a.menuHead {
	background-image: url(images/corner100UpL.png), url(images/corner100UpR.png), url(images/corner100DnL.png), url(images/corner100DnR.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, right top, left bottom, right bottom;
	background-size: 8px 8px, 8px 8px, 8px 8px, 8px 8px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #00F;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menuHead:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #F0F;
}				


a.menuHeadSikmo {
/*	background-image: url(images/cornerUpL100x200.png), url(images/mobile3.png), url(images/cornerDnR100x200.png), url(images/democracy2.png) ;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: left top, 10% bottom, right bottom, right bottom;
	background-size: 50px 100px, 110px 110px, 50px 100px, 600px 100px; */

background-image: url(images/cornerUpL100x200.png), url(images/mobile3bw.png), url(images/cornerDnR100x200.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left top, 10% bottom, right bottom;
	background-size: 50px 100px, 110px 110px, 50px 100px; 



	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #00F;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}

a.menuHead2 {
/*	background-image: url(images/mobile3bw.png);
	background-repeat: no-repeat;
	background-position: 10% bottom;
	background-size: 110px 110px;*/
	
	background-image: url(images/UPhead2.png);
	background-repeat: no-repeat;
/*	background-position: 4% 100%;*/
		background-position: 2% 100%;
/*	background-size: 405px 185px;*/
/*	background-size: 25%;*/
		background-size: auto 180%;
	
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/*	background-color: #00F;*/
/*	background-color: #E0DCC7;*/
			background-color: #C6BE97;

	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}


a.menuHead3 {
	background-image: url(images/iconUP.png);
	background-repeat: no-repeat;
	background-position: 4% 100%;
	background-size: auto 100%;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-color: #C6BE97;
	text-align: center;
	valign: middle;
	height: auto;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}



a.menu210 {			color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; height: 23px; width: 208px; display: block;
					padding-right: 3px; padding-left: 10px; }
					
.menu210:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }				

a.menu210Best {
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	text-align: left;
	height: 23px;
	width: 208px;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	font-weight: bold;
}
.menu210Best:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }				

.menu170 {				background-color: #FFF; display: block; height: 23px; width: 100%; }
.menu170:link { 		background-color: #FFF; text-decoration: none; }					
.menu170:hover {
	background-color: #CCC;
	text-decoration: none;
}					

a.menu100 {			color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px; 
					height: 23px; width: 85px; display: block; }
a.menu100broken {	color: #333; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0; text-align: left; padding-right: 3px;
					padding-left: 10px; height: 23px; width: 85px; display: block;}					
.menu100:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }					
a.menu140 {			color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px; 
					height: 23px; width: 125px; display: block; }
a.menu140broken {	color: #333; text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0; text-align: left; padding-right: 3px;
					padding-left: 10px; height: 23px; width: 125px; display: block; }					
.menu140:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }					
.menu {				color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 5px; padding-left: 15px; }
.menu a:link { 		color: #333; text-decoration: none; background-color: #FFF; }
.menu a:visited {	color: #333; text-decoration: none; background-color: #FFF; }
.menu:hover { 		color: #000; text-decoration: none; background-color: #DFDFDF; }

.menuHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuHead-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuHead-redThin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background-color: #F00;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuHeadEn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	background-color: #CC3002;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.menuSelected {		color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #DFDFDF; font-weight: bold; text-align: left; 
					padding-right: 5px; padding-left: 15px; }
a.menuProject {				color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px; 
							height: 23px; width: 160px; display: block; }
a.menuProjectx {			color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F00; text-align: left; padding-right: 3px; padding-left: 10px; 
							height: 23px; width: 160px; display: block; }
.menuProject a:link { 		color: #333; text-decoration: none; background-color: #FFF; }
.menuProject a:visited {	color: #333; text-decoration: none; background-color: #FFF; }
.menuProject:hover { 		color: #000; text-decoration: none; background-color: #DFDFDF; }
.menuProjectSelected { 		color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #666; font-weight: bold; text-align: center;}
a.menuProjectBest {			color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFF; text-align: left; padding-right: 3px; padding-left: 10px;
							font-weight: bold; height: 23px; width: 160px; display: block; vertical-align: bottom; }
a.menuProjectBest:hover { 	color: #000; text-decoration: none; background-color: #DFDFDF; }



/*...........N...........*/

.noBreak { white-space: nowrap }

.noBreakInline {
   position: relative;
   display: inline;
 }

.inLineElements {
	 display: flex;
    flex-direction: row;
 }



/*...........O...........*/
/*...........P...........*/

.paticka {
	background-image: url(images/ERlogoTransparentBlack400px.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	width: 30%;
	height: 40px;
	border: none;
	position:fixed;
	bottom: -10px;
	left: 10px;
	align: left;
	z-index: 100;
	padding-left: 30px;
/*	background-color: #FFF;*/
}

.button {
	border: none;
	position:fixed;
	top: 30px;
	right: 5%;
/*	align: right;*/
	z-index: 200;
	padding-right: 5px;
}

.buttonLeft {
	border: none;
	position:fixed;
	top: 30px;
	left: 5%;
/*	align: right;*/
	z-index: 200;
	padding-right: 5px;
}



/*.paticka {
	background-image: url(images/ERlogoTransparentBlack400px.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	width: 30%;
	height: 40px;
	border: none;
	align: left;
	padding-left: 30px;
	background-color: #FFF;
}

#placePaticka {
	position:fixed;
	bottom: -10px;
	left: 10px;
	z-index: 100;
}
*/

#placeHeadline {			position:fixed; width: 98%; top: -8px; left: 0px; z-index: 10;}
#placeHeadline2 {			position:fixed; width: 98%; top: 100px; left: 0px; z-index: 10;}

#placeSubMenu {				position:fixed; top: 150px; left: 0px; z-index: 10;}

#placeFeed {				position:absolute; top:110px; left:0px;}

#placeFeed2 {				position:absolute; top:150px; left:0px;}


#placeMenu {			position:fixed; top:-9px;  left:10px; z-index: 5;}
#placeMenu2 {			position:fixed; top:260px; left:10px; z-index: -5;}
#placeMenu3 {			position:fixed; top:265px; left:-10px; z-index: -10;}

#placeLogo {			position:fixed; top:50px; right:100px; z-index: 1000;}


#placePlate {
	position:absolute;
	top:-14px;
	left:54px;
}
#placeLeg {				position:relative; top:-5px; z-index: -10;}
#placeCounter {			position:fixed; top:-20%px; left:120%;}
#placeStamp {			position:fixed; top:50%; margin-top:-81px; left:50%; margin-left:-155px; z-index: 999;}
#placeCoverMenu {		position:relative; top:-45px; }
.plate-topL {			background-image: url(images/plate-topL.png); background-repeat: no-repeat; }
.plate-topM {			background-image: url(images/plate-topM.png); background-repeat: repeat-x; }
.plate-topR {			background-image: url(images/plate-topR.png); background-repeat: no-repeat; }
.plate-sideL {			background-image: url(images/plate-sideL.png); background-repeat: repeat-y; background-position: right; }
.plate-sideR {			background-image: url(images/plate-sideR.png); background-repeat: repeat-y; background-position: left; }
.plate-bottomL {		background-image: url(images/plate-bottomL.png); background-repeat: no-repeat; background-position: right top; }
.plate-bottomM {		background-image: url(images/plate-bottomM.png); background-repeat: repeat-x; background-position: top; }
.plate-bottomR {		background-image: url(images/plate-bottomR.png); background-repeat: no-repeat; background-position: left top; }
/*...........Q...........*/
/*...........R...........*/

.responsive-iframe {	width: 98%; height: auto; border: none; align: center; }

/*.responsive-iframeTopFix {	width: 98%; height: 200px; border: none; position:fixed; top: -15px; align: center; z-index: 20;}*/

.responsive-iframeTopFix {	width: 108%; height: 200px; border: none; position:fixed; top: -15px; left: -5%; z-index: 20;}

.responsive-iframeMenu {	width: 98%; height: auto; border: none; }

.responsive-iframeSubMenu {		width: 98%; height: auto; border: none; position:fixed; top: 100px; align: center; z-index: 10;}
.responsive-iframeSubMenu2 {	width: 98%; height: auto; border: none; position:fixed; top: 110px; z-index: 15;}

.responsive-iframeFeed {	width: 98%; height: auto; border: none; position:absolute; top: 100px; align: center; z-index: 5;}

.responsive-iframeFeed2 {	width: 98%; height: auto; border: none; position:absolute; top: 170px; align: center; z-index: 5;}

.responsive-iframeFeed3 {	width: 98%; height: auto; border: none; position:absolute; top: 230px; align: center; z-index: 100;}



/*...........S...........*/
/*...........T...........*/

.txt-09-gray {			font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 5px; padding-left: 5px; color: #999; }
.txt-09-red {			font-family: Arial, Helvetica, sans-serif; font-size: 10px;	padding-right: 5px;	padding-left: 5px; color: #FFF; background-color: #F00;}
.txt-09-pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
	background-color: #F99;
}
.txt-09-green {			font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-right: 5px; padding-left: 5px; color: #FFF; background-color: #090; }
.txt-09 {					font-family: Arial, Helvetica, sans-serif; font-size: 9px; padding-right: 5px; padding-left: 5px; color: #000; }

.txt-12 {					font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 5px; padding-left: 5px; color: #000; }
.txt-12-white {			font-family: Arial, Helvetica, sans-serif; font-size: 12px;	padding-right: 5px;	padding-left: 5px; color: #FFF; }
.txt-12-red {			font-family: Arial, Helvetica, sans-serif; font-size: 12px;	padding-right: 5px;	padding-left: 5px; color: #FFF; background-color: #F00;}
.txt-12-green {			font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 5px; padding-left: 5px; color: #FFF; background-color: #090; }
.txt-12bold {			font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #000; font-weight: bold; }
.txt-12bold-red {			font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold; padding-right: 5px;	padding-left: 5px; color: #FFF; background-color: #F00;}

.txt-12bold-white {			font-family: Arial, Helvetica, sans-serif; font-size: 16px;	font-weight: bold; padding-right: 5px;	padding-left: 5px; color: #FFF;}
.txt-12bold-yellow {			font-family: Arial, Helvetica, sans-serif; font-size: 16px;	font-weight: bold; padding-right: 5px;	padding-left: 5px; color: #000; background-color: #FF0;}

.txt-12bold-blue {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: bold;	padding-right: 5px;	padding-left: 5px;	color: #FFF;	background-color: #00F;}
.txt-12-gray {				font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 5px; padding-left: 5px; color: #999; }
.txt-12-pink {  	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding-right: 5px;	padding-left: 5px;	color: #000;	background-color: #F99;}
.txt-12-yellow {	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; 	padding-right: 5px; 	padding-left: 5px; 	color: #000; 	background-color: #FF0; }

.txt-14-yellow {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;*/
	padding-right: 5px;
	padding-left: 5px;
/*	color: #000;*/
/*	background-color: #FFFF95;*/
/*	background: rgba(255,255,255,0.7);*/
	background-color: #FF0;
}

.txt-undrl {
	padding-right: 5px;
	padding-left: 5px;
	background: rgba(1,1,0.5,0.4);
}

.txt-undrlBlack {
	padding-right: 5px;
	padding-left: 5px;
	background: rgba(1,1,0.5,0.4);
	color: #000;
}
.txt-undrlDark {
	padding-right: 5px;
	padding-left: 5px;
/*	color: #000;*/
/*	background: rgba(255,255,255,0.25);*/
		background: rgba(1,1,0.5,0.4);
}

.txt-14 {					font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-right: 5px; padding-left: 5px; color: #000; }
.txt-14-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
	font-weight: bold;
}
.txt-14-red {
	/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;*/
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
/*	background-color: #E6E600;*/
		background: rgba(255,255,128,0.8);
	/*	opacity: 0.6;*/
}

.txt-14-redBold {			
/*font-family: Arial, Helvetica, sans-serif; 
font-size: 18px;	*/
font-weight: bold; 
padding-right: 5px;	
padding-left: 5px; 
/*color: #FFF; 
background-color: #FF3E3E;*/
	color: #000;
/*	background-color: #E6E600;*/
			background: rgba(255,255,128,1);

}


.txt-HEADLINE {				font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding-right: 5px; padding-left: 5px; color: #999; font-weight: lighter; }
/*.txt-HEADLINEblack {		font-family: "Arial Black", Gadget, sans-serif; font-size: 18px; font-weight: bold; padding-right: 5px; padding-left: 5px; color: #D70000; }*/
.txt-HEADLINEblack {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	color: #000;
}
.txt-HEADLINEwhite {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
}

.txt-menu {					text-align: left; color: #000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:20px; padding-right:20px; }
.txt-menu a:link { 			color: #000; text-decoration: none; }					
.txt-menu a:hover { 		color: #000; text-decoration: none; }					

.txt-en {					color: #999; }


.txt-projectName {			font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; background-color: #FED1C5; padding-right: 5px; padding-left: 5px; text-align: center; }
.txt-projectNameEn {
	font-weight: bold;
	color: #666;
}

.txt-projectDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FFF;
}
.txt-projectDescriptionEn { color: #999; }

.txt-12 { 					font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; padding: 5px; }
.txt-12-bold { 				font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; padding: 5px; }
/*...........U...........*/
/*...........V...........*/
/*...........W...........*/
/*...........X...........*/
/*...........Y...........*/
/*...........Z...........*/