.MUWA_body_container{
	
	position: fixed; 
	z-index: 170; 
	border: none; 
	background-color: transparent; 
	height: 100%; 
	width: 100%; 
	max-width: 100%; 
	min-width: 100%;
	
}


.MUWA_body_body{
	
	background-color: transparent; 
	width: 100%; 
	min-width: 100%; 
	position: absolute; 
	overflow: hidden; 
	margin: 0 auto; 
	padding: 0px; 
	border: none;
	top: 0px; 
	bottom: 0px;	
}

.MUWA_body_page{
	
	position: absolute; 
	overflow: hidden; 
	margin: 0 auto; 
	padding: 0px; 
	border: none; 
	background-color: transparent; 
	width: 100%; 
	min-width: 100%;
	top: 0px;
	bottom: 0px;
}


.muwa_app_menu{
	bottom: 50px;
}




.MUWA_RESP_main{
	margin: auto;
}






*:fullscreen,
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   /* overflow: auto !important; */
   background: transparent;
   /* transform: none !important; */
}



:not(:root):-webkit-full-screen{
	transform: none !important; 
}
:not(:root):-webkit-full-screen::backdrop{
	background: transparent;
	/* transform: none !important; */
}




  .muwa_center{
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  } 





/* SILNA MODRA #194362  rgb(25, 67, 98) */
/* SLABA MODRA #bbc9dd  rgb(187, 201, 221) */


/*
@import url('muwa/muwa_img.css');
*/




/* muwa_grid zakladne styly */

.muwa_grid{
	display: grid;
	/*background-color: silver; */
	/*opacity: 0.5;*/
	border: none;
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 180;
}

.grid_type_blok{
	background-position: left 0 top 10px; 
	background-repeat: no-repeat; 
	background-size: 50px 50px; 
	background-image: url('../media/image/blok.png');
}
.grid_type_page{
	background-position: left 0 top 10px; 
	background-repeat: no-repeat; 
	background-size: 50px 50px; 
	background-image: url('../media/image/web.png');
}
.grid_type_menu{	
	background-position: left 0 top 10px; 
	background-repeat: no-repeat; 
	background-size: 50px 50px; 
	background-image: url('../media/image/adresare.png');
}
.grid_type_module{
	background-position: left 0 top 10px; 
	background-repeat: no-repeat; 
	background-size: 50px 50px; 
	background-image: url('../media/image/modul.png');
}
.grid_type_logo{
	background-position: left 0 top 10px; 
	background-repeat: no-repeat; 
	background-size: 50px 50px; 
	background-image: url('../media/image/image.png');
}
.grid_type_parallax{
	background-position: left 0 top 10px; 
	background-repeat: no-repeat; 
	background-size: 50px 50px; 
	background-image: url('../media/image/page_favorit.png');
}







.MUWA_legend{
	
	z-index: 600;
	/*position: absolute;*/
	color: #194362; 
	width: 100%; 
	padding: 0; 
	margin: auto; 
	min-width: 0; 
	border: none; 
	border-radius: 6px; 
	background-color: rgba(224, 233, 235, 1); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}







.MUWA_popup{
	
	background:linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, 1));
	border-radius: 8px;
	padding: 0px;
	max-width: 800px;
	min-height: 600px;
	border: 1px solid silver;

	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	/*transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
}



.MUWA_popup:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}





.tooltip_m, .tooltip_l, .tooltip_r {
	
	color: black;
	min-width: 80px;
	max-width: 220px;
	min-height: 10px;
    display: inline-block;
    position: relative;
    border: 1px solid silver;
    text-decoration: none;
    border-radius: 6px;
    padding: 10px 20px;
	
	background-color: white;
	margin: 3px;
    
}
.tooltip_m:before {
    content: '';
    display: block;  
    position: absolute;
    left: 0;
	right: 0;
	margin: auto;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: silver;
	
}

.tooltip_m:after {
    content: '';
    display: block;  
    position: absolute;
    left: 0;
	right: 0;
	margin: auto;
	top: -21px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-bottom-color: white;
}


.tooltip_l:before {
    content: '';
    display: block;  
    position: absolute;
    left: 7px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: silver;
	
}

.tooltip_l:after {
    content: '';
    display: block;  
    position: absolute;
    left: 8px;
	top: -21px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-bottom-color: white;
}


.tooltip_r:before {
    content: '';
    display: block;  
    position: absolute;
    right: 7px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: silver;
	
}

.tooltip_r:after {
    content: '';
    display: block;  
    position: absolute;
    right: 8px;
	top: -21px;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-bottom-color: white;
}













/* OBJECT */
.OBJECT{
	
	background-color: #ffffff;
	/*background-color: #e6e6e6;*/
    /*background-repeat: no-repeat;*/
	/*background-position: center; */
	/*border-radius:10px;*/
	
	
}




.ICO{

	width: 45px;
	height: 45px;

	border: 1px solid #dddddd;
	border-radius:10px;
	
	background-size: 45px 45px, 45px 45px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
}

.ICO_BUTT{

	width: 56px;
	height: 56px;

	border: 1px solid #dddddd;
	border-radius:10px;
	
	background-size: 56px 56px, 56px 56px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
}

.ICO_BIG{

	width: 72px;
	height: 72px;

	border: 1px solid #dddddd;
	border-radius:10px;
	
	background-size: 72px 72px, 72px 72px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
}

.ICO_MINI{

	width: 40px;
	height: 40px;

	border: 1px solid #dddddd;
	border-radius:8px;
	
	background-size: 40px 40px, 40px 40px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
}

.ICO_MICRO{

	width: 24px;
	height: 24px;

	border: 1px solid #dddddd;
	border-radius:8px;
	
	background-size: 24px 24px, 24px 24px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
}



.BUTT{
	
	width: 56px;
	height: 56px;
	
	cursor: pointer; 
	cursor: hand;

	background-size: 56px 56px, 56px 56px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
	border: 1px solid #bbc9dd;
	border-radius:10px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;	
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;		
	*/	
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
	
	
	
}
.BUTT:hover {

	border: 1px solid #194362;
	
    /*border: 1px solid #7793bb;*/
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);

	
}

.BUTT_MINI{
	
	width: 45px;
	height: 45px;
	
	cursor: pointer; 
	cursor: hand;

	background-size: 45px 45px, 45px 45px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
	border: 1px solid #bbc9dd;
	border-radius:10px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;	
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;		
	*/	
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
	
	
	
}

.BUTT_MINI:hover {

	border: 1px solid #194362;
	
    /*border: 1px solid #7793bb;*/
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);

	
}


.BUTT_WIN{
	
	width: 35px;
	height: 35px;
	
	cursor: pointer; 
	cursor: hand;

	background-size: 35px 35px, 35px 35px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
	border: 1px solid #bbc9dd;
	border-radius:5px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;	
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;		
	*/	
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
	
	
	
}

.BUTT_WIN:hover {

	border: 1px solid #194362;
	
    /*border: 1px solid #7793bb;*/
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);

	
}

.BUTT_MICRO{
	
	width: 28px;
	height: 28px;
	
	cursor: pointer; 
	cursor: hand;

	background-size: 28px 28px, 28px 28px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	
	
	border: 1px solid #bbc9dd;
	border-radius:8px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;	
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;		
	*/	
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
	
	
	
}
.BUTT_MICRO:hover {

	border: 1px solid #194362;
	
    /*border: 1px solid #7793bb;*/
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);

	
}


.BUTT_BIG{
	
	width: 88px;
	height: 45px;
	
	cursor: pointer; 
	cursor: hand;
	
	background-size: 45px 45px, 88px 45px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	

	border: 1px solid #bbc9dd;
	border-radius:10px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;	
	*/
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
	

}
.BUTT_BIG:hover {
	
    /*border: 1px solid #7793bb;*/
	
	border: 1px solid #194362;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);
	
}


.BUTT_XXL{
	
	width: 128px;
	height: 128px;
	
	cursor: pointer; 
	cursor: hand;
	
	background-size: 128px 128px, 128px 128px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	

	border: 1px solid #bbc9dd;
	border-radius:10px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;	
	*/
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
	

}
.BUTT_XXL:hover {
	
    /*border: 1px solid #7793bb;*/
	
	border: 1px solid #194362;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);
	
}



.BUTT_SHOP{
	
	cursor: pointer; 
	
	width: 300px;
	height: 170px;

	background-size: 300px 170px, 300px 170px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	

	border: 1px solid #bbc9dd;
	border-radius:10px;
	
	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;	
	*/
	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.24);
}

.BUTT_SHOP:hover {
	
    /*border: 1px solid #7793bb;*/
	
	border: 1px solid #194362;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);
	
}





.BUTT_RING{
	
	width: 41px;
	height: 41px;
	
	cursor: pointer; 
	cursor: hand;
	
	background-size: 41px 41px, 41px 41px;
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;	

	/*border: 1px solid #194362;*/
	border: 1px solid transparent;
	
	border-radius:50%;

	color: #194362;
	font-weight: bold;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #194362;
	-moz-box-shadow: 	0 8px 8px -8px #194362;
	box-shadow: 		0 8px 8px -8px #194362;	
	*/
	
	box-shadow: 0 8px 18px 0 rgba(0,0,0,0.24);
	

}
.BUTT_RING:hover {
	
    /*border: 1px solid #7793bb;*/
	
	/*border:1px solid #194362;*/
	border:1px solid silver;
	
	/*
	-webkit-box-shadow: 0 8px 8px -8px #0a1c29;
	-moz-box-shadow: 	0 8px 8px -8px #0a1c29;
	box-shadow: 		0 8px 8px -8px #0a1c29;	
	*/
	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);
	
}








.BUTT_led-blue{
	
	margin: 11px 11px;
  
  	width: 56px;
	height: 56px;
  
  background-color: #0077b3;
  border-radius: 5px;/*50%;*/
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #1ab2ff 0 2px 14px;
}
.div_gul {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow:
        inset 0 0 25px #fff,      /* inner white */
        inset 2px 0 80px #006699,   /* inner left magenta short */
        inset -2px 0 80px #1ab2ff,  /* inner right cyan short */
        inset 2px 0 3px #006699,  /* inner left magenta broad */
        inset -2px 0 3px #1ab2ff, /* inner right cyan broad */
        0 0 25px #fff,            /* outer white */
        -10px 0 8px #004466,        /* outer left magenta */
        10px 0 8px #006699;         /* outer right cyan */
}

.div_txt{
	
	-webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;
	
	
}









/* HLAVNE OBJECTY */
.INPUT {

	height: 45px; 
	
	
	border: 1px solid #bbc9dd;
	border-radius:5px;
	
	font-size: 14px;
	/*font-weight: bold;*/
	
	background: transparent;
	
	background: rgba(255, 255, 255, 0.5);
	
	/*
	background-image: url('../../img/design/myelli/back/input_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	*/

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
    outline: 0;
	padding: 0px 10px 0px 10px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;
	
	line-height: normal;
	
}

.INPUT::placeholder {
   font-size: 12px!important;
   /*color: rgba(25, 67, 98, 0.7);*/
   font-family: 'Varela Round', sans-serif!important;
   color: #999999!important;
}

.INPUT_black {

	height: 45px; 
	
	
	border: 1px solid #bbc9dd;
	border-radius:5px;
	
	font-size: 14px;
	/*font-weight: bold;*/
	
	background: transparent;
	
	background: rgba(255, 255, 255, 0.5);
	
	/*
	background-image: url('../../img/design/myelli/back/input_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	*/

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
    outline: 0;
	padding: 0px 10px 0px 10px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;
	
	line-height: normal;
	
}

.INPUT_black::placeholder {
   font-size: 12px!important;
   /*color: rgba(25, 67, 98, 0.7);*/
   font-family: 'Varela Round', sans-serif!important;
   color: #000000!important;
}





/*
.BUTTON{
	
	height: 45px;
	min-width: 100px;
	color: #194362;
    padding: 5px 40px;
	border: 3px solid #ffffff;
	border-radius: 10px;
	
	-moz-box-shadow: 0 1px 2px #ffffff, 0 -1px 1px #194362, inset 0 -1px 1px rgba(25,67,98,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 1px 2px #ffffff, 0 -1px 1px #194362, inset 0 -1px 1px rgba(25,67,98,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    
	background-image: url('../../img/design/myelli/back/butt_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	
	text-shadow : 0 0 4px #ffffff, 0 4px 12px #333333;
	
	font-size: 16px;
	font-weight: bold;

	cursor: pointer; 
	cursor: hand;
	
	margin: 0px 3px;
	
}
*/





.BUTTON{

	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 4px 2px;
	
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	
	padding: 12px 32px;
	color: #194362;
	border: 1px solid #bbc9dd;
	border-radius: 10px;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24);
	background-image: url('../media/image/butt_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	text-shadow : 0 0 4px #ffffff, 0 4px 12px #333333;	
	cursor: pointer; 
	cursor: hand;
	
	line-height: normal;

}

.BUTTON:hover{

	border: 1px solid #194362;	
	text-shadow : 0 0 1px #ffffff, 0 1px 3px #333333;	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);

}



.BUTTON_MINI{

	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 2px;
	
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	
	padding: 3px 12px;
	color: #194362;
	border: 1px solid #bbc9dd;
	border-radius: 5px;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,0.24);
	background-image: url('../media/image/butt_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	text-shadow : 0 0 4px #ffffff, 0 4px 12px #333333;	
	cursor: pointer; 
	cursor: hand;
	
	line-height: normal;

}

.BUTTON_MINI:hover{

	border: 1px solid #194362;	
	text-shadow : 0 0 1px #ffffff, 0 1px 3px #333333;	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.24);

}







.SELECT{
	
	height: 45px; 
	border: 1px solid #bbc9dd;
	border-radius:5px;
	
	font-size: 14px;
	/*font-weight: bold;*/
	
	background: transparent;
	background: rgba(255, 255, 255, 0.5);
	
	/*background: rgba(255, 255, 255, 0.8);*/
	
	/*
	background-image: url('../../img/design/myelli/back/input_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	*/

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
    outline: 0;
	padding: 0px 10px 0px 10px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;	
	
	line-height: normal;
}

.SELECT::placeholder {
   font-size: 12px!important;
   /*color: rgba(25, 67, 98, 0.7);*/
}




.CHECKBOX{
	width: 30px; 
	height: 30px;
	
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(25, 67, 98, 0.1);
  box-shadow: 0px 0px 2px #194362;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px; 
}
.slider:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  left: -4px;
  /*bottom: 0px;*/
  top: -4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border: 1px solid #bbc9dd;
    -webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;	
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #446288;
}
input:focus + .slider {
  /*box-shadow: 0 0 1px #374e6d;*/
  box-shadow: 0px 0px 2px #194362;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}














.RADIO{
	width: 30px; 
	height: 30px;
}


.TEXTAREA{

	height: 120px;
	border: 1px solid #bbc9dd;
	border-radius:5px;
	
	font-size: 14px;
	/*font-weight: bold;*/
	
	background: transparent;
	
	/*background: rgba(255, 255, 255, 0.8);*/
	
	/*
	background-image: url('../../img/design/myelli/back/input_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	*/

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
    outline: 0;
	padding: 0px 10px 0px 10px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;
	
	line-height: normal;
	
}


.TEXTAREA_BIG{

	height: 240px;
	border: 1px solid #bbc9dd;
	border-radius:5px;
	
	font-size: 14px;
	/*font-weight: bold;*/
	
	background: transparent;
	
	/*background: rgba(255, 255, 255, 0.8);*/
	
	/*
	background-image: url('../../img/design/myelli/back/input_1px_light.png');
	background-size: 1px 45px;
	background-repeat: repeat-x;
	background-position: left;
	*/

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
    outline: 0;
	padding: 0px 10px 0px 10px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-box-shadow: 0 6px 8px -8px #374e6d;
	-moz-box-shadow: 	0 6px 8px -8px #374e6d;
	box-shadow: 		0 6px 8px -8px #374e6d;
	
	line-height: normal;
	
}





.COLOR_BOX{
    display: inline-flex;
    cursor: pointer;
    position: relative;
}
.COLOR_BOX > input{
    height: 35px;
    width: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    
    cursor: pointer;
	
}



.color_green{
	border: 1px solid #99ffd6; 
	background-color: #e6fff5;
}
.color_green_dark{
	/*border: 1px solid #00b36b;*/
	background-color: #ccffeb; 
}
.color_green:checked{
	border: 2px solid #00b36b;
	background-color: #ccffeb; 
}
.color_green:active{
	border: 2px solid #00b36b;
}

.color_yellow{
	border: 1px solid #ffcc99; 
	background-color: #fff5cc;
}
.color_yellow_dark{
	/*border: 1px solid #ffa64d;*/
	background-color: #fff0b3; 
}
.color_yellow:checked{
	border: 2px solid #ffa64d;
	background-color: #fff0b3; 
}
.color_yellow:active{
	border: 2px solid #ffa64d;
}

.color_blue{
	border: 1px solid #99ceff; 
	background-color: #e6f3ff;
}
.color_blue_dark{
	/*border: 1px solid #4da9ff;*/
	background-color: #cce6ff; 
}
.color_blue:checked{
	border: 2px solid #4da9ff;
	background-color: #cce6ff; 
}
.color_blue:active{
	border: 2px solid #4da9ff;
}

.color_pink{
	border: 1px solid #ffb3d7; 
	background-color: #ffe6f2;
}
.color_pink_dark{
	/*border: 1px solid #ff80bd;*/
	background-color: #ffcce5; 
}
.color_pink:checked{
	border: 2px solid #ff80bd;
	background-color: #ffcce5; 
}
.color_pink:active{
	border: 2px solid #ff80bd;
}

.color_purple{
	border: 1px solid #d4c0d8; 
	background-color: #f4eff5;
}
.color_purple_dark{
	/*border: 1px solid #85578e;*/
	background-color: #c8b1cd;
}
.color_purple:checked{
	border: 2px solid #85578e;
	background-color: #e9e0eb; 
}
.color_purple:active{
	border: 2px solid #85578e;
}

.color_gray{
	border: 1px solid #cccccc; 
	background-color: #f2f2f2;
}
.color_gray_dark{
	/*border: 1px solid #999999;*/
	background-color: #cccccc; 
}
.color_gray:checked{
	border: 2px solid #999999;
	background-color: #e6e6e6; 
}
.color_gray:active{
	border: 2px solid #999999;
}

.color_white{
	border: 1px solid #cccccc; 
	background-color: #f9f9f9;
}
.color_white_dark{
	/*border: 1px solid #000000;*/
	background-color: #f9f9f9; 
}
.color_white:checked{
	border: 2px solid #000000;
	background-color: #f2f2f2; 
}
.color_white:active{
	border: 2px solid #000000;
}









/* RANGE SLIDER */
.RANGE{
  height: 3px;
  -webkit-appearance: none;
  margin: 5px 0;
  /*width: 100%;*/
}
.RANGE:focus{
  outline: none;
}
.RANGE::-webkit-slider-runnable-track{
  /*width: 100%;*/
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 6px #194362;
  background: rgba(25, 67, 98, 0.1);
  border-radius: 5px;
  border: 1px solid #FFFFFF;
}
.RANGE::-webkit-slider-thumb{
  box-shadow: 0px 0px 2px #FFFFFF;
  border: 1px solid #194362;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -18px;
}
.RANGE::-webkit-slider-thumb::before {
    content: "test";
}
.RANGE:focus::-webkit-slider-runnable-track{
  /*background: #194362;*/
}
.RANGE::-moz-range-track{
  /*width: 100%;*/
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 6px #194362;
  background: rgba(25, 67, 98, 0.1);
  border-radius: 5px;
  border: 1px solid #FFFFFF;
}
.RANGE::-moz-range-thumb{
  box-shadow: 0px 0px 2px #FFFFFF;
  border: 1px solid #194362;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
}

.RANGE::-ms-track{
  /*width: 100%;*/
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.RANGE::-ms-fill-lower{
  background: rgba(25, 67, 98, 0.1);
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #194362;
}
.RANGE::-ms-fill-upper{
  background: rgba(25, 67, 98, 0.1);
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 0px 6px #194362;
}
.RANGE::-ms-thumb{
  margin-top: 1px;
  box-shadow: 0px 0px 2px #FFFFFF;
  border: 1px solid #194362;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
}

.RANGE:focus::-ms-fill-lower{
  background: rgba(25, 67, 98, 0.1);
}
.RANGE:focus::-ms-fill-upper{
  background: rgba(25, 67, 98, 0.1);
}






.RANGE_DATA{
	
	background-color: transparent; 
	color: black;
	font-size: 25px; 
	font-weight: bold; 
	text-align: center; 
	border: none; 
	
}


















/* TEXTOVE OBJECTY */
.NADPIS{
	font-size: 22px; 
	font-weight: bold;
	margin-left: 10px;
}
.PODNADPIS{
	font-size: 16px; 
	font-weight: bold;
	margin-left: 20px;
}












/* VLASTNOSTI */

/* PULSE_BORDER */
@keyframes border-pulsate {
	
	/*
	from {border-color:  #ff0000;}
    to {border-color: transparent;}
	*/
	
	0% { border-color: rgba(255, 0, 0, 1); } 
	10% { border-color: rgba(255, 0, 0, 0); }
	20% { border-color: rgba(255, 0, 0, 1); } 
	30% { border-color: rgba(255, 0, 0, 0); }
	40% { border-color: rgba(255, 0, 0, 1); }  	
	50% { border-color: rgba(255, 0, 0, 0); } 
	60% { border-color: rgba(255, 0, 0, 1); } 
	70% { border-color: rgba(255, 0, 0, 0); }
	80% { border-color: rgba(255, 0, 0, 1); } 
	90% { border-color: rgba(255, 0, 0, 0); }
	100% { border-color: rgba(255, 0, 0, 1); } 
	
	
}

.PULSATE_BORDER{
	border: 1px solid transparent;
	animation: border-pulsate 24s infinite alternate; 
}








.SELECTED{
	border: 1px solid #194362;
	-webkit-box-shadow: 0 10px 8px -8px #194362;
	-moz-box-shadow: 	0 10px 8px -8px #194362;
	box-shadow: 		0 10px 8px -8px #194362;	
}

.BORDERED{
	border: 1px solid #194362;
}

.MAX{	
	width: 100%;
}
.HALF{	
	width: 50%;
}
.MINI{
	width: 90px;
}
.MONEY{
	width: 90px;
	text-align: right;
}
.ERROR{
	
	color: #ff6666;
	border: 1px solid #bbc9dd;
	border-bottom: 1px solid #ff6666;
	/*background-color: rgba(255, 0, 0, 0.02);*/
	
	/*-webkit-box-shadow: 0 6px 8px -8px salmon;	*/
	/*-moz-box-shadow: 	0 6px 8px -8px salmon;	*/
	/*box-shadow: 		0 6px 8px -8px salmon;	*/
	
	
	/*background: url("../media/image/no_red.png") no-repeat 95% 50%;*/
	/*background-size: 25px;*/
	
}
.ERROR::placeholder{
	font-size: 12px!important;
	color: #ff6666;
}


.OK{

	
	border-bottom: 1px solid #9cfc9c;
	

	
	/*background: url("../media/image/yes_green.png") no-repeat 95% 50%;*/
	/*background-size: 25px;*/
	
	
	
	/*border-bottom: 1px solid #bbc9dd;*/
	
	/*transition-timing-function: ease-out;*/
	/*transition: 0.25s;*/
	
	
	
}




.DISABLED{
	
		opacity: 0.6;
		
		-webkit-filter: blur(0.8px);
  		-moz-filter: blur(0.8px);
  		-o-filter: blur(0.8px);
  		-ms-filter: blur(0.8px);
  		filter: blur(0.8px);
  		
}

.READONLY{
	
	border: 1px solid transparent !important;
	
	
	-webkit-box-shadow: 0 3px 4px -4px #99afcc;
	-moz-box-shadow: 	0 3px 4px -4px #99afcc;
	box-shadow: 		0 3px 4px -4px #99afcc;
	
}



/* AUTO COMPLETE */

	.COMP_kontajner{
	    position: relative;
		display: inline-block;
	}

	.COMP_zoznam{
	    display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		max-height: 333px;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 9999;
	}

	.COMP_zoznam li{
		color: black;
		padding: 8px 10px;
		font-size: 14px;
		text-decoration: none;
		display: block;
		min-width: 160px;
		white-space: nowrap;
		border-bottom: 1px solid silver;
	}

	.COMP_zoznam li:hover{
		background-color: #e6e6e6;
	}

	.COMP_zoznam li.selected{
		background-color: #e6e6e6;
	}
	
	.COMP_polozka_data{
	/* nepovinne moze sa nastyleovat */
		text-align: center; 
		font-size: 16px; 
		width: 70px; 
		border: none; 
		color: black; 
		font-weight: bold;
	}
	

/* END AUTO COMPLETE */







/* SPECI */
.SWIPE{
	
	width: 33px; 
	height: 33px;
	border: none;
	background-size: 33px 33px;
	
	cursor: pointer; 
	cursor: hand;
	
}
.S_LEFT{
	background-image: url('../media/image/swipe_left.png');
}
.S_RIGHT{
	background-image: url('../media/image/swipe_right.png');
}
.S_CENTER{
	background-image: url('../media/image/swipe.png');
}

























/* KONKRET KONSTRUKCIE */

.MUWA_legend_ikonky{/* IKONKY MENU V LEGEND */
	width: 100%;
	height: 80px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	
	vertical-align: top;
	
}
.MUWA_legend_ikonky_wrap{
	width: 100%;
	height: 60px;
	/*margin-top: -30px;*/
	/*top: 50%;*/
	position: absolute;
	white-space: nowrap;
	
	text-align: right;
	
	vertical-align: top;
	
}




.MOBILE_ikonky{/* IKONKY MENU PRI POPUP */
	height: 72px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}
.MOBILE_ikonky_wrap{
	height: 70px;
	margin-top: -35px;
	top: 50%;
	position: absolute;
	white-space: nowrap;
}



.MOBILE_text{/* IKONKY MENU PRI POPUP */
	height: 32px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}
.MOBILE_text_wrap{
	height: 30px;
	margin-top: -15px;
	top: 50%;
	position: absolute;
	white-space: nowrap;
}



















.CENTERED
{
	position: relative;
}

.CENTERED > div
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}




/* FLOAT ZAROVNAVACE */
.FLOAT_group{
	
	margin: 0 auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
}

.FLOAT_group:after{
	
	content: "";
	clear: both;
	display: table;
	
}


.FLOAT_left{
	width: 50%;
    float: left;
	padding-right: 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.FLOAT_right{
	width: 50%;
	float: right;
	padding-left: 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.FLOAT_group_tab:after{
	
	content: "";
	clear: both;
	display: table;
	
}


.FLOAT_left_tab{
	width: 50%;
    float: left;
	padding-right: 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.FLOAT_right_tab{
	width: 50%;
	float: right;
	padding-left: 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}










.FLOAT_left_40{
	width: 40%;
    float: left;
	padding-right: 5px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.FLOAT_right_60{
	width: 60%;
	float: right;
	padding-left: 5px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}






	.FLOAT_meno{
		width: 35%; 
		float: left; 
		padding-right: 3px;
		margin-bottom: 0px;
	}
	.FLOAT_priezvisko{
		width: 65%; 
		float: left;
		padding-right: 0px;
	}
	
	


































.MUWA_sse_window{
	
	padding: 0; 
	overflow: hidden; 
	color: #194362; 
	background-color: rgba(224, 233, 235, .9); 
	text-shadow: 0px 0px 10px gray; 
	border-radius: 6px;
	
	border: 1px solid #bbc9dd;	
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}




.MUWA_back_video{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    z-index: -10000;
	filter: opacity(25%);
}