@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url('fonts/Roboto-LightItalic-webfont.eot');
    src: url('fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-LightItalic-webfont.woff2') format('woff2'),
         url('fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



#mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: rgba(5, 26, 41, 0.65);
  display: none;
}


.no-margin {
	margin: 0;
}


.no-decor-ul {
	list-style-type: none;
}

.no-decor-a {
	text-decoration: none;
}

body {
	min-width: 960px;
	margin: 0;
	padding: 0;
}

.header {
  height: 61px;
  position: fixed;
  width: 100%;
  background-color: #004d82;
  margin: 0;
  padding: 0;
  z-index: 100;
}

.header-02 {
	position: absolute;
	left: -50%;
	width: 100%;
	margin-left: -240px;
	background-color: #1e95c5;
	height: 61px;
}

.left-side {
	width: 240px;
	float: left;
}


.right-side {
	width: 720px;
	float: left;
}

.main .right-side {
	width: 719px;
	margin-left: -1px;
	/*overflow: hidden;*/
}

.main .right-side .hran_cara {
    position: absolute;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #e1e4e6;
	height: 100%;
	width: 1px;
    top: 0px;
	    
}

.logged_in .user-logged, .user-not-logged {
	display: block;
}

.logged_in .user-not-logged, .user-logged{
	display: none;
}


.clearer {
	display: block;
  clear: both;
}

.header .left-side {
  background-color: #1e95c5;
}

.header .left-side a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

header a .logo {
	display: block;
  width: 100%;
  height: 61px;
}

header a .logo-img {
	display: block;
  width: 24px;
  height: 37px;
  float: left;
  margin: 0 12px 0 0;
}

header a .logo-img span {
  display: block;
  width: 6px;
  padding: 0;
  float: left;
}

header a .logo-img .l-1 {
display: block;
  margin: 29px 3px 0 0;
  background-color: #ffdf00;
  height: 8px;
}

header a .logo-img .l-2 {
display: block;
  margin: 18px 3px 0 0;
  background-color: #ff5f00;
  height: 19px;
}

header a .logo-img .l-3 {
display: block;
  margin: 23px 0 0 0;
  background-color: #00c600;
  height: 14px;
}

header a .logo-text {
display: block;
  margin: 23px 0 0 0;
  background: url('../img/logo.png') 0 0 no-repeat;
  width: 87px;
  height: 14px;
  float: left;
}

header .right-side nav {
  float: left;
}

header .right-side nav ul.no-decor-ul {
  margin: 0 0 0 30px;
  padding: 0;
}

header .right-side li {
  float: left;
}

header .right-side .no-decor-ul li a, header .user-not-logged .no-decor-ul li a {
  display: block;
  text-decoration: none;
  font-family: robotolight;

  font-size: 17px;
  font-weight: 300;

  padding: 18px 15px 0 15px;
}

header .right-side li a, header .oddelovac {
	color: #a2b8c6;
}

header .right-side li a span {
  display: block;
  padding-bottom: 17px;
}

.right-side li a:hover.hover-1 {
  color: #ffffff;
}

header .right-side li a:active span, .right-side li.active a span {
  border-bottom: solid 3px #ff8b24;
  color: #ffffff;
}

.circ-photo {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.user-logged, .user-not-logged {
  float: right;
}

.user-logged img.circ-photo, .menu-dropdown img.circ-photo {
  margin: 10px 0 0 0;
}

.user-logged span.user-name, .menu-dropdown  span.user-name {
	font-family: robotolight;    
    font-weight: 300;
    font-size: 17px;
	display: block;
	margin: 20px 0 0 15px;
}
.user-logged span.user-name {
	color: #e0e0e0;
}

.user-logged:hover span.user-name {
    color: #ffffff;
}

.arrow-down, .arrow-up {
	width: 8px;
	height: 5px;
	display: block;
}

.arrow-down {
	background: url('../img/arrow-down.png') 0 0 no-repeat;
}

.arrow-up {
	background: url('../img/arrow-up.png') 0 0 no-repeat;
}

.user-id .arrow-down, .user-id .arrow-up {
	margin-left: 8px;
	float: left;
}

.user-id .arrow-down {
	margin-top: 30px;
}
.user-id .arrow-up {
	margin-top: 29px;
}

.user-logged a.mail {
	background: url('../img/icon-mail.png') 0 0 no-repeat;
	width: 25px;
	height: 22px;
	margin: 20px 0 0 19px;
	position: relative;
}

.user-logged a:hover.mail {
	background: url('../img/icon-mail-hover.png') 0 0 no-repeat;
}


.user-logged a.invite {
  background: url('../img/icon-invite.png') 0 -1px no-repeat;
  width: 25px;
  height: 22px;
  margin: 20px 0 0 18px;
  position: relative;
}

.user-logged a:hover.invite {
	background-image: url('../img/icon-invite-hover.png');
}

.user-logged a.invite, .user-logged a.mail, .user-logged span.user-name, .user-logged img.circ-photo, .user-id {
	float: left;
}

a.user-id {
	display: block;
}

.user-logged a .count {
	display: block;
	position: absolute;
	min-width: 9px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	background-color: #8071cd;
	font-family: robotolight;
	color:  #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 19px;
	padding: 0 6px 0 5px;
	top: -7px;
	right: -10px;
	text-align: center;
}

.user-logged a:hover .count {
	background-color: #8d7ce3;
}

.user-not-logged ul.no-decor-ul {
	margin: 0;
	padding: 0;
	float: left;
}

.oddelovac {
	font-family: robotolight;
}

.user-not-logged .oddelovac {
	line-height: 59px;
	float: left;
}



.user-not-logged .select-lang {
	margin: 18px 0 0 15px;
	width: 46px;
	height: 25px;
	float: right;
}

._select-lang {
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; 	/* Removes Default Firefox style*/
	background: #ffffff url(../img/arrow-select.png) 29px 9px no-repeat;
	width: 46px;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	border: 1px solid #d0d6da;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	padding: 2px 10px 3px 3px;

	font-family: robotolight;
	font-size: 12px;
	font-weight: 300;
	color:  #6a7b84;
}



.sbHolder{
	background-color: #004d82;
	border: 1px solid #1e95c5;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	font-family: robotoregular;
	font-size: 12px;
	font-weight: 300;
	height: 23px;
	position: relative;
	width: 44px;
	margin: 18px 0 0 15px;
	float: right;
}



.sbHolder.open {
	background-color: #ffffff;
	border-color: #d0d6da;
	border-radius: 3px 3px 0 0;
}

.sbSelector{
	font-size: 12px;
	font-weight: 300;
	display: block;
	height: 23px;
	left: 0px;
	line-height: 18px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 7px;
	top: 2px;
	width: 44px;
}

.sbHolder:focus .sbSelector{

}

.sbSelector:link, .sbSelector:visited {
	color: #a2b8c6;
	outline: none;
	text-decoration: none;
}
.sbSelector:hover{
	color: #ffffff;
	outline: none;
	text-decoration: none;
}
.open .sbSelector:link, .open .sbSelector:visited, .open .sbSelector:hover{
	color: #6a7b84;
}

.sbToggle{
	background: url(../img/arrow-select-down.png) 29px 9px no-repeat;
	display: block;
	height: 23px;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
}
.sbToggle:hover{
	background: url(../img/arrow-select.png) 29px 9px no-repeat;
}
.sbToggleOpen{
	background: url(../img/arrow-select.png) 29px 9px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../img/arrow-select.png) 29px 9px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}

.sbOptions{
	background-color: #ffffff;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 3px 0 4px 0;
	position: absolute;
	top: 23px;
	width: 44px;
	z-index: 1;
	overflow-y: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #d0d6da;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:0 0 3px 3px;
}
.sbOptions li{
	padding: 0 4px;
}

.sbOptions a{
	border-bottom: none;
	display: block;
	outline: none;
	padding: 1px 0 1px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #6a7b84;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	font-weight: 400;
	color: #1e95c5;
}





.overlay_login {
	display: none;
	font-family: robotolight;
	width: 368px;
	top: 0;
	left: 0;
	position: fixed;
	float: right;
	z-index: 2000
}
.overlay_login a.odkaz_1, .overlay_login p, .overlay_login .checkbox_box label , .overlay_login .checkbox_box input{
	font-size: 14px;
	font-weight: 300;
}
.overlay_login .checkbox_box label , .overlay_login a.odkaz_1, .overlay_login p { color:  #6a7b84;}
.overlay_login .checkbox_box {padding: 3px 0; margin-left: 22px; color: #D0D6DA;}
.overlay_login p {padding: 0 0 3px 21px; line-height: 17px;}

.overlay_login .title {
	color:  #3c3c3c;
	font-size: 17px;
	font-weight: 300;
	display: block;
	float: right;
	background: #ffffff;
	text-decoration: none;
	border: solid #D0D6DA;
	border-width: 1px 1px 0 1px;
	overflow: hidden;
	padding: 18px 15px 20px 16px;
	position: relative;
	margin: 0 0 -1px 0;
	float: right;
}


div.close_img {
	background: url('../img/close-img.png') 2px 1px no-repeat;
	width: 14px;
	height: 13px;
	z-index: 3000;
	cursor: pointer;
}

.overlay_login .close_img {
	position: absolute;
	margin: 0 0 0 354px;
}


.overlay_login .forgot_password { display: block; margin: 6px 20px 0 75px; padding: 3px 0 0 0;}
.overlay_login .odd_h {
	border-bottom: solid 1px #E1E4E6;
	margin-bottom: 13px;
	float: none;
	clear: both;
	overflow: hidden;
}

.overlay_login .con {background: #ffffff; border: 1px solid #D0D6DA; padding: 0px 0 13px 0; float: none; clear: both; overflow: hidden; position: relative; z-index: 1;}
.overlay_login .form {
	margin: 21px 0 0 0;
}
.overlay_login .form fieldset {margin-bottom: 5px; padding: 2px 0 2px 16px; position: relative; z-index: 1; color: #3c3c3c; border: none;}
.overlay_login .form fieldset label {display: block; width: 76px; padding: 7px 0; margin: 0}
.overlay_login .form fieldset .checkbox_box  {margin: 3px 0 0 0;}
.overlay_login .form fieldset .checkbox_box label {width: 120px; padding: 6px 0 0 0; margin: 0 0 0 3px;}
.overlay_login .form fieldset .checkbox_box input {
	margin: 1px 0 0 17px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 22px;
	border-color: #D0D6DA;
}

.in_prihlaseni {
	height: 36px;
	border: none;
	padding: 0 2px;
}

#email {width: 244px; border: 1px solid #d0d6da;}
#password {width: 164px; border: 1px solid #d0d6da;}



.overlay_login .form fieldset .button-class, .overlay_login .form fieldset label, .overlay_login .form fieldset .checkbox_box input {float: left;}
.overlay_login .form fieldset.f_but{
	margin: 12px 0 0 75px;
}



.button-class {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width: 2px;
	border-color: #1e95c5;
	border-style: solid;

	color: #1e95c5;
	font-family: robotoregular;

	font-size: 16px;
	font-weight: 400;
	padding: 7px 11px 8px 10px;
	background-color: inherit;
}


.button-class:hover,.button-class.bt2:hover {
	color: #3c3c3c;
	border-color: #3c3c3c;
}

.button-class.bt2 {
	color: #959fa5;
	border-color: #959fa5;
	margin: 0;
}

.button-class.bt1:disabled,.button-class.bt1:hover:disabled,.button-class.bt1[disabled] {
	color: #e0e0e0;
	border-color: #e0e0e0;
	margin: 0;
    cursor: default;
    pointer-events: none;
}

.menu-dropdown {
	display: none;
	font-family: robotolight;
	width: 251px;
	top: 0;
	left: 0;
	float: left;
	position: fixed;
	z-index: 2000
}



.menu-dropdown .user-id {
	background-color: #ffffff;
	padding: 0 0 10px 15px;
	color:  #3c3c3c;
	border: solid #D0D6DA;
	border-width: 1px 1px 0 1px;
	overflow: hidden;
	position: relative;
	margin: 0 0 -1px 0;
	z-index: 1;
	float: left;
}

.menu-dropdown .close_img {
	float: right;
	position: relative;
}


.menu-dropdown span.user-name, .menu-dropdown img.circ-photo {
	float: left;
}

.menu-dropdown .con {
	background: #ffffff;
	border: 1px solid #D0D6DA;
	padding: 0px 0 10px 0;
	float: none;
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

ul.menu-ul {
	list-style-type: none;

	font-size: 16px; /* Approximation due to font substitution */
	font-weight: 300;
	line-height: 28px;
	margin: 0;
	padding: 10px 10px 0 17px;
}
ul.menu-ul li {
	color:  #3c3c3c;
	float: none;
}

ul.menu-ul li:hover, ul.menu-ul li:hover a {
	color: #1e95c5;
	cursor: pointer;
}

ul.menu-ul li a {
	color:  #3c3c3c;
	text-decoration: none;
	display: block;
}

ul.menu-ul li a.zn-odkaz {
        background: url('../img/icon-external.png') 126px 11px no-repeat;
    }

/* hl. obsah */


.main {
	position: relative;
	width: 100%;
	background: url('../img/background-main.jpg') repeat-y;
	background-position: 50% 0;
	font-family: robotolight;
}
.holder {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.holder-main {
	width: 960px;
	margin: 0 auto;
	padding: 61px;
	position: static;
}

.main .holder-main {
	background: url('../img/background-main-02.jpg') 0 0 repeat-y;
	padding: 61px 0 0 0;
}


.main .left-side {
	padding: 27px 0 0 0;
	border-right-width: 1px;
	border-right-color: #e1e4e6;
	border-right-style: solid;
	width: 240px;
}

.main .left-side nav.moduly {
	margin: 0 0 29px 0;
	color: #6a7b84;
}

.main .left-side h2.nadpis-3 {
	font-family: robotoregular;
	color: #95a0a6;
	font-size: 13px;
	font-weight: 400;
	line-height: 40px;
	margin: 0;
	text-transform: uppercase;
}

.main .moduly ul.no-decor-ul {
	padding: 1px 0 0 0;
	margin: 8px 0 14px 0;
}

.main .moduly  li.modul {
	padding: 0;
	margin: 1px 0 2px 0;
}

.main .moduly  li.active {
	-webkit-border-top-left-radius: 22px;
	-webkit-border-bottom-left-radius: 22px;
	-moz-border-radius-topleft: 22px;
	-moz-border-radius-bottomleft: 22px;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
	border-style: solid;
	border-color: #e1e4e6;
	border-width: 1px 0 1px 1px;
	background-color:  #ffffff;
	margin: -1px -1px -1px -14px;
}


.main .moduly  a.no-decor-a  {
	display: block;
	position: relative;
	padding: 7px 0 8px 38px;
	color:  #6a7b84;
}

.main .moduly  .active a.no-decor-a  {
	margin-left: 14px;
}

.main .moduly  a.no-decor-a  .icon  {
	background: url('../img/icons-sidebar.png') no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	margin: -8px 0 0 -14px;
	left: 0;
	z-index: 2;

}

.main .moduly a .text {
	font-family: robotolight;
	display: block;
	font-size: 17px;
	font-weight: 300;
	margin: 1px 0 0 -4px;
}
.main .moduly  a:hover  .text , .main .moduly  .active a  .text {
	color: #1e95c5;
}

.main .moduly  a.mod-1 .icon{
	background-position: 0 0;
}
.main .moduly  a:hover.mod-1 .icon, .main .moduly  .active a.mod-1 .icon{
	background-position: -51px 0;
}

.main .moduly  a.mod-2 .icon {
	background-position: 0 -50px;
}
.main .moduly  a:hover.mod-2 .icon, .main .moduly  .active a.mod-2 .icon{
	background-position: -51px -50px;
}

.main .moduly  a.mod-3 .icon {
	background-position: 0 -100px;
}
.main .moduly  a:hover.mod-3 .icon, .main .moduly  .active a.mod-3 .icon {
	background-position: -51px -100px;
}

.main .moduly  a.mod-4 .icon {
	background-position: 0 -150px;
}
.main .moduly  a:hover.mod-4 .icon, .main .moduly  .active a.mod-4 .icon{
	background-position: -51px -150px;
}

.main .moduly  a.mod-5 .icon {
	background-position: 0 -200px;
}
.main .moduly  a:hover.mod-5 .icon, .main .moduly  .active a.mod-5 .icon{
	background-position: -51px -200px;
}

.main .moduly  a.mod-6 .icon {
	background-position: 0 -250px;
}
.main .moduly  a:hover.mod-6 .icon, .main .moduly  .active a.mod-6 .icon{
	background-position: -51px -250px;
}

.divided {
	border-top: 1px solid #e1e4e6;
	padding-top: 27px;
}

.statistiky {
	margin: 0 50px 0 0;
}

.statistiky ul.no-decor-ul {
	margin: 19px 0 19px 0;
	padding: 0;
}

.statistiky li .icon  {
	float: left;
	display: block;
	margin: 3px 17px 26px 0;
	width: 48px;
}


.statistiky li  .icon.i-1{
	background: url('../img/icon-pocet-uziv.png') 0 0 no-repeat;
	height: 38px;
}

.statistiky li  .icon.i-2{
	background: url('../img/icon-zapsan-aktiv.png') 0 0 no-repeat;
	height: 41px;
}

.statistiky li  .icon.i-3{
	background: url('../img/icon-kilometr-chuze.png') 6px 0 no-repeat;
	height: 41px;
}

.statistiky li .pocet-label {
    float:left;
}

.statistiky li .pocet {
    font-family: robotolight;
	color:  #3c3c3c;
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	display: block;
}

.statistiky li .label {
    font-family: robotoregular;
	color:  #6a7b84;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px;
	padding-left: 1px;
}

.footer-style {
	position: relative;
	width: 100%;
	border-top-width: 1px;
	border-top-color: #e1e4e6;
	border-top-style: solid;
	padding: 0 0 36px 0;
}

.footer-style  .footer-c1 {
	margin: 34px 0 22px 0;
}

.footer-style  a {
	display: block;
}

.footer-style  .footer-c1  a {
	font-family: robotolight;
	color:  #1e95c5;
	font-size: 20px; /* Approximation due to font substitution */
	font-weight: 300;
	line-height: 30px;
	text-decoration: none;
	float: left;
	display: block;
	margin-right: 29px;
}

.footer-style  .footer-c1  a:hover{
	color: #3c3c3c;
}

.footer-style p {
	font-family: robotoregular;
	color:  #829097;
	font-size: 13px; /* Approximation due to font substitution */
	font-weight: 400;
	line-height: 22px;
	padding: 0;
	margin: 0;
}


.c-left {
	float:left;
}
.c-right {
	float: right;
}

.footer-style .c-left{
	margin-top: 5px;
}

.footer-style  .footer-c2 .logo-ftk {
	float: left;
}

.footer-style  .footer-c2 .logo-rzp {
	margin: 7px 0 0 28px;
	float: right;
}

.odsaz-h {
	margin-left: 45px;
}

.left {
	float: left;
}

.right {
	float: right;
}


.nadpis-1 {
	color:  #3c3c3c;
	font-size: 32px;
	font-weight: 300;
}

.nadpis-2 {
	font-family: robotolight;
	color: #3c3c3c;
	font-size: 25px;
	font-weight: 300;
}

.odsaz-v {
	margin-top: 43px;
}

.main .right-side .nadpis-1{
	padding: 10px 0 0 0;
	margin-bottom: 0;
}

.text {
	font-family: robotolight;
	color: #596971;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
}

.main .right-side .text {
	padding: 8px 0;
}

.main .right-side a.button-class {
	cursor: pointer;
	font-family: robotoregular;
	font-size: 16px;
	padding: 7px 9px 8px 10px;
}

.mez {
	margin: 30px 0;
}

.no-mar-pad{
	margin: 0;
	padding: 0;

}

.main .right-side  ul.no-decor-ul li.pred {
	float: left;
	margin: 0 30px 0 0;
	padding: 84px 0 0 3px;
}

.main .right-side  ul.no-decor-ul li.pred.no-margin {
	margin: 0;
}

#li-pr1 {
	background: url('../img/icon-cloud.png') 39px 15px no-repeat;

}
#li-pr2 {
	background: url('../img/icon-improve.png') 34px 10px no-repeat;

}
#li-pr3 {
	background: url('../img/icon-bell.png') 40px 5px no-repeat;

}
#li-pr4 {
	background: url('../img/icon-statistic.png') 27px 16px no-repeat;
}

a:hover.odkaz_1 {
	color: #1e95c5;
}


.kalendar-celk, .public_pages {
	margin: 43px 0 43px 45px;
}


#kalendar {
	margin: 36px 0 0 0;
}

.month-year-dir {
	width: 672px;
	height: 61px;
	border-style: solid;
	border-width: 1px;
	border-color: #e1e4e6;
	position: relative;
}

.month-year-dir.bottom {
	height: 52px;
}

.month-click {
	margin: 0;
	padding: 3px 6px;
	position: absolute;
}

.month-click.left {
	top: 14px;
	left: 13px;
}
.month-click.right {
	top: 14px;
	right: 13px;
}

.bottom  .month-click.left {
	top: 10px;
}

.bottom .month-click.right {
	top: 10px;
}

a.month-click {
	text-decoration: none;
}

.dir {
	height: 28px;
	width: 21px;
}

span.dir {
	padding: 0 4px 0 3px;
}

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


a.month-click.left span.dir {
	background: url('../img/arrow-left.png') 0 2px no-repeat;
	float: left;
}

a.month-click.right span.dir {
	background: url('../img/arrow-right.png') 7px 2px no-repeat;
	float: right;
}

.month, .month-year {
	font-family: robotolight;
	font-size: 17px;
	font-weight: 300;
}

.month-click.right .month {
	float: left;
}
.month-click.left .month {
	float: right;
}

.month {
	color:  #8f9ba1;
}

a:hover.month-click .month{
	color: #3c3c3c;
	font-weight: 300;
}

.month-year {
	color:  #3c3c3c;
	text-align: center;
}

.this-month {
	width: 672px;
	height: 45px;
	border-style: solid;
	border-width: 0 1px 0px 1px;
	border-color: #e1e4e6;
	background-color: #f8f8f9;
}


.detail_dne .this-month {
	border-width: 0 1px 1px 1px;
}

.this-month  .no-decor-ul {
	padding: 11px 15px 10px 78px;
	margin: 0;
	font-family: robotoregular;
}

.detail_dne .this-month  .no-decor-ul {
	padding: 11px 15px 10px 29px;
	margin: 0;
	font-family: robotoregular;
}


.this-month .no-decor-ul li.left {
	color:  #6a7b84;
	font-size: 14px;
	font-weight: 400;
	padding: 0 18px 0 0;
}

.detail_dne .this-month .no-decor-ul li.left.last {
	padding-right: 0;
}

.this-month li.left.zvyr  {
	color: #3c3c3c;
}

.this-month li.left.p_akt {
	padding-left: 17px;
	background: url('../img/icon-pocet-akt.png') 0 5px no-repeat;
}

.this-month li.left.c_cas {
	padding-left: 20px;
	background: url('../img/icon-celk-cas.png') 0 3px no-repeat;
}

.this-month li.left.excl {
	padding-left: 20px;
	background: url('../img/icon-excl.png') 0 3px no-repeat;
}

.this-month li.left.ener {
	padding-left: 15px;
	background: url('../img/icon-energie.png') 0 3px no-repeat;
}

.detail_dne .this-month li.left.nizka_akt {
	padding-left: 13px;
	background: url('../img/icon-nizka-akt.png') 0 8px no-repeat;
}


.count_a, .count_tm, .count_ener {
	padding: 0;
	margin: 0;
}

.table-month {
	width: 674px;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-color: #e1e4e6;
}

tr.week-day-labels {
	color:  #3c3c3c;
	font-family: robotoregular;
	font-size: 14px;
	margin: 0;
	padding: 0;
	height: 44px;
}

.week-day-labels th.label-week {
	padding: 11px 0 13px 0;
	width: 80px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #e1e4e6;
	font-weight: 400;
}

.week-day-labels th.label-day-of-week{
	width: 85px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #e1e4e6;
	padding: 11px 0 15px 0;
	font-weight: 400;
}

tr.weeks {
	min-height: 71px;
    height: 100%;
}

.weeks td.label-week {
	width: 80px;
	min-height: 24px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e1e4e6;
	font-weight: 400;
	padding: 25px 0 25px 0;
	text-align: center;
	color: #8f9ba1;
	font-family: robotoregular;
	font-size: 14px;
}

.weeks td.day-cell {
	width: 85px;
	min-height: 45px;
	height: 100%;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #e1e4e6;
	margin: 0;
	padding: 12px 1px;
	position: relative;
	vertical-align: top;
}

.weeks td.day-cell.void  {
	background-image: url('../img/day-void.png');
	background-size: 100% 100%;
}

.weeks td.day-cell.void  .cell-day-number {
	color:  #8f9ba1;
}

.weeks td.day-cell a.cell-all {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	margin: 0;
	padding: 0;
	left: -1px;
	top: -1px;
    display: block;
}

.weeks td:hover.day-cell a.cell-all {
	border-style: solid;
	border-width: 1px;
	border-color: #1e95c5;
	left: -1px;
	top: -1px;
    background-color: rgba(245, 245, 245, 0.5);
}


.weeks td.day-cell div.cell-day-number {
	top: 8px;
	right: 1px;
	width: 20px;
	height: 15px;
	display: block;
	position: absolute;
	text-align: center;
	margin: 0;
	padding: 0;
	color:  #3c3c3c;
	font-size: 14px;
	font-weight: 300;
	font-family: robotolight;
}

.weeks td:hover.day-cell div.cell-day-number {
    color: #1896c6;
    z-index: 2;
    font-weight: 500;
}

.weeks td:hover.day-cell.void div.cell-day-number {
    color: #8f9ba1;
    z-index: 1;
    font-weight: 300;
}

.weeks td.day-cell a.cell-plus {
	display: block;
	position: absolute;
	text-decoration: none;
	z-index: 3;
	margin: 0;
	padding: 0;
	bottom: 4px;
	right: 2px;
	background: url('../img/icon-cell-plus.png') 0 0 no-repeat;
	width: 16px;
	height: 16px;
}

.weeks td.day-cell a:hover.cell-plus {
	background-image: url('../img/icon-cell-plus-hover.png');
}

.weeks td.day-cell ul.cell-aktiv {
	list-style-type: none;
	margin: 0 8px 0 8px;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}

.nova_aktivita {
	width: 960px;
	margin: 0;
	padding: 0 0 36px 0;
	overflow: hidden;
	background-color: #ffffff;
}

.form_akt {
	margin: 0;
	padding: 0;
}

.holder_akt, .holder_test {
	width: 870px;
	margin: 0 40px;
}

.holder_akt .note_box {
    display: table;
    table-layout: auto;
    width:inherit;
    white-space: nowrap;
}

.holder_akt .note_box  > * {
    display: table-cell;
}

.holder_akt .note_box .note {
    font-family: robotolight;
	color: #3c3c3c;
    font-size: 12px;    
    background: url(../img/icon-excl.png) 10px center no-repeat;    
    padding: 0 10px 0 28px;
    margin: 0;        
    word-break:break-word;
    word-wrap:break-word;
    white-space:pre-wrap;       
    vertical-align:middle; 
}

.nadpis_head {
	font-family: robotolight;
	color:  #3c3c3c;
	font-size: 26px;
	font-weight: 300;
	line-height: 40px;
	margin: 25px 0 0 0;
}

#nadpis_head {
	float: left;
	padding: 3px 0;
}

.label_akt, .txt_test {
	font-family: robotolight;
	color: #3c3c3c;
	font-size: 16px;
	font-weight: 300;
}

#label_datum_akt, #label_datum_test {
	margin: 30px 10px;
	padding: 8px 0 0 0;
	float: right;
}

#vyber_datum_akt {
	width: 138px;
	height: 36px;
	/*background: #d0d0d0;*/
	float: right;
	margin: 29px 0 29px 0px;
}


#but_zrusit, #but_zrusit_test {
	margin: 27px 0 27px 16px;
	float: right;
}

.typ_aktivity {
	background-color: #1e95c5;
	width: 100%;
}

.typ_aktivity .label_akt {
	color: #ffffff;
}

.typ_aktiv {
	padding: 18px 5px 19px 0;
	width: 130px;
	float: left;
}

.dropdown_input {
	width: 400px;
	height: 38px;
	/*background: #ffffff;*/
}

.dropdown_akt, .input_akt {
	float: left;
	margin: 11px 0;
}

.dropdown_vyber_akt {
	width: 398px;
	height: 69px;
	/*background-color: #ffffff;*/
}

.akt_popis_akt {
	float: left;
	margin: 5px 0 0 0;
}

h3.label_akt {
	margin: 0;
	padding: 8px 0 0 0;
}

p.popis_akt {
	font-family: robotolight;
	font-size: 14px;
	margin: -1px 0 0 0;
	padding: 0;
	color:  #6a7b84;
}

.find_a {
	display: block;
	padding: 18px 5px 0 10px;
	float: left;
}

.find_input {
	visibility: hidden;
	height: 38px;
	background: #ffffff;
	margin: 11px 0 11px 10px;
	float: right;
	width: 250px;
}

.nastav_akt {
	background-color: #ffffff;
	margin: 21px 0 23px 0;
}

.rad_akt {
	margin: 0;
}

.rad_akt2 {
	margin: 0 0 13px 0;
}

.rad_akt3 {
	margin: 2px 0 0 0;
}

.typ_aktiv2 {
	padding: 12px 0;
	width: 130px;
	float: left;
}

.typ_aktiv3 {
	padding: 6px 0;
	width: 130px;
	float: left;
}

.input_akt {
	float: left;
	/*background-color: #d0d0d0;*/
	margin: 5px 0 5px 0;
}


.add_plus {
	background: url('../img/_icon-cell-plus-hover.png') 0 10px no-repeat;
	height: 20px;
}

.upr_trat {
	background: url('../img/icon-upravit-trat.png') 0 5px no-repeat;
	height: 20px;
}

.txt_akt {
	float: left;
	color:  #6a7b84;
	font-size: 16px; /* Approximation due to font substitution */
	font-weight: 300;
	font-family: robotolight;
	padding: 12px 5px 12px 5px;
	margin: 0 4px;
}

.txt_akt.tm1 {
	float: left;
	color:  #6a7b84;
	font-size: 16px; /* Approximation due to font substitution */
	font-weight: 300;
	font-family: robotolight;
	padding: 12px 5px 12px 8px;
	margin: 0 4px;
}

.txt_akt.right {
	float: right;
}

#checkbox_akt {
	float: left;
	margin: 17px 0 0 0;
}



.inp_nast1 {
	width: 60px;
	height: 38px;
}
.inp_nast2 {
	width: 140px;
	height: 38px;
}
.inp_nast3 {
	width: 260px;
	height: 38px;
}
.inp_nast4 {
	width: 398px;
	height: 38px;
}
.inp_nast5 {
	width: 230px;
	height: 38px;
}



.u_trat {
	margin: 4px 0 0 130px;
}

.u_trat .txt_akt {
	font-size: 14px;
}



.ic.txt_akt {
	padding: 0;
	margin: 0 10px 0 0;
}

.ic.add_plus {
	background-position: 2px 7px;
}

.u_trat .ic.add_plus {
	background-position: 4px 6px;
}

.ic.upr_trat {
	background-position: 0 4px;
}

a.txt_akt{
	text-decoration: none;
}

a.txt_akt span{
	position: relative;
	display: block;
	margin-left: 20px;
}

.u_trat a.txt_akt span {
	margin-left: 18px;
}
a.txt_akt span div{
	position: absolute;
	border-bottom: 1px solid #6A7B84;
	padding: 18px 0 0 0;
	width: 100%;
	height: 1px;
}
a:hover.txt_akt {
	color: #3c3c3c;
}
a:hover.txt_akt span div{
	border-bottom: 1px solid #3c3c3c;
}

.u_trat a.txt_akt span div{
	padding: 16px 0 0 0;
}

#vloz_pozn {
	margin: 11px 0 0 -2px;
}

#vloz_pozn span{
	margin-left: 18px;
}

#vloz_pozn_text {
	width: 398px;
	height: 98px;
	display: none;
	border-style: solid;
	border-color: #e1e4e6;
	border-width: 1px;
	background-color: #f8f8f9;
	margin: 0 0 10px 130px;
}

.nova_trat {
	border-style: solid;
	border-color: #e1e4e6;
	border-width: 1px 0;
	background-color: #f8f8f9;
	padding: 5px 0 33px 0;
	margin: 0 0 34px 0;
}

.nadpis_head2 {
	font-family: robotolight;
	color:  #3c3c3c;
	font-size: 21px;
	font-weight: 300;
}

h2.nadpis_head2 {
	margin: 25px 0;
	padding: 3px 3px 3px 0;
}

.nadpis_head3 {
	font-family: robotolight;
	color:  #3c3c3c;
	font-size: 18px;
	font-weight: 300;
}

h3.nadpis_head3 {
	margin: 25px 0 10px 0;
	padding: 3px 3px 3px 0;

}


.ic2.txt_akt {
	padding: 2px 0 2px 0;
	margin: 9px 0 9px 0;
}

.zobr_nap {
	background: url('../img/icon-zobraz-nap.png') 0 6px no-repeat;
	height: 20px;
}


.map_akt {
	background: url('../img/map-tmp.png') 0 0 no-repeat;
	height: 362px;
	width: 866px;
	border: 1px solid #c5ccd0;
}

#map_canvas {
	margin: 17px 0;
	position: relative;
}

.kolecko_map {
    /*top: 23px;
    right: 23px;*/
	width: 0px;
	height: 0px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border-color:  #1e95c5;
	border-style: solid;
	border-width: 37px 38px 38px 37px;
	position: absolute;
	z-index: 10;
}
.kolecko_map span.vzdalenost {
    display: inline-block;
    font-family: robotolight;
    position: absolute;
    color: #ffffff;
    top: -20px;
    left: -35px;
    width: 68px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}

.kolecko_map span.jednotka {
    display: inline-block;
    font-family: robotolight;
    position: absolute;
    color: #ffffff;
    top: 10px;
    left: -35px;
    width: 68px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.zam_poz {
	background: url('../img/icon-zamer-pozici.png') 0 6px no-repeat;
	height: 20px;
}

.ic2.zam_poz {
	margin-left: 15px;
}

.smaz_trasu {
	background: url('../img/icon-smaz-trasu.png') 0 6px no-repeat;
	height: 20px;
}

.chb1 {
	padding: 0 0 0 10px;
	margin: 0 0 0 23px;
	float: left;
}

.info_trasa_akt {
	border-style: solid ;
	border-width: 1px 0 0 0;
	border-color: #e1e4e6;
	padding: 12px 0 ;
	margin: 17px 0;
}

.nadpis_head3{
	font-size: 18px;
}

.maly_kruh_akt {
	background-color:  #ffffff;
	border-radius: 50%;
	border-width: 2px;
	border-color:  #d0d6da;
	border-style: solid;
	width: 27px;
	height: 27px;
}

.info_trasa_ul {
	list-style-type: none;
	padding: 6px 0 0 0;
	margin: 0;
}

 .info_trasa_li {
	float: left;
	margin: 1px 15px 0 0;
 }

.info_trasa_li div.maly_kruh_akt {
	margin: 7px 1px 0 0;
	float: left;
}

 .info_trasa_h {
	display: block;
	font-family: robotolight;
	color:  #3c3c3c;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	margin: 0;
	padding: 0 10px 0 10px;
}

.info_trasa_txt {
	display: block;
	font-family: robotolight;
	color:  #6a7b84;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	margin: 1px 0 0 0;
	padding: 0 10px 0 10px;
}

.inft {
	float: left;
}

.graf_akt {
	height: 150px;
	background-color: #d0d0d0;
	margin: 0 0 27px 0;
}
.ic_inf_1 {
	background: url('../img/icon-inf-1.png') 8px 11px no-repeat #ffffff;
}
.ic_inf_2 {
	background: url('../img/icon-inf-2.png') 8px 9px no-repeat #ffffff;
}
.ic_inf_3 {
	background: url('../img/icon-inf-3.png') 8px 9px no-repeat #ffffff;
}
.ic_inf_4 {
	background: url('../img/icon-inf-4.png') 7px 9px no-repeat #ffffff;
}

.button-class.bt1 {
	margin-right: 3px;
}


.detail_dne {
	margin: 33px 0 0 43px;
}

.detail_dne_obsah {
	margin: 26px 0 112px 2px;
}

.kolecko_akt {
	background-color: #8071cd;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 51px;
	height: 50px;
}

.left_side_akt .excl {
    position: relative;
    top: -5px;
    left: 33px;
    background: url(../img/icon-excl-bigger.png) 0 0 no-repeat;
    width:19px;
    height: 19px;
    margin: 0 0 -19px 0;
    z-index: 1000;
}


.kolecko_akt:hover, .kolecko_akt.active {
    background-color:  #1e95c5;
}

.naplanovana_akt .kolecko_akt {
    background-color: #dbe1e5;
}

.icon_map_alt {
	width: 51px;
	height: 50px;
	background: url('../img/icon-map.png') 0 0 no-repeat;
	display: block;
}

.naplanovana_akt .icon_map_alt {
    background: url('../img/icon-map-naplanovana-akt.png') 0 0 no-repeat;
}

.icon_map_alt:hover, .icon_map_alt.active {
    display: block;
    width: 47px;
    height: 46px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: #1e95c5;
    background: url('../img/icon-map.png') -2px -2px no-repeat;
}

.naplanovana_akt .icon_map_alt:hover, .naplanovana_akt .icon_map_alt.active {
    background: url('../img/icon-map-naplanovana-akt.png') -2px -2px no-repeat;
}

.icon_phone {
    width: 12px;
    height: 19px;
    background: url(../img/icon-phone.png) 0 0 no-repeat;
}

.pohybova_akt_header .icon_phone {
    float: left;
    display: none;
    margin: 2px 0 0 8px;
}

.pohybova_akt_header .icon_phone.visible {
    display: block;
}

.prohlednout_poh_akt {
    height: 18px;
    background-image: url(../img/icon-prohlednout-poh-akt.png);
    background-repeat: no-repeat;
    display: block;
}


.map_info {
    margin: -4px 16px 11px 16px;
}


.txt_akt_obsah.delka {
    color:  #6a7b84;
    text-indent: 21px;
    background: url(../img/icon-delka.png) 0 2px no-repeat;
    float: left;
    margin-left: 20px;
}

.detail_dne .prohlednout_poh_akt {
    background-position: 0 4px;
}

a.prohlednout_poh_akt {
    margin: 1px 0 0 15px;
    text-decoration: none;
}

.detail_dne a.kolecko_akt {
	display: block;
    position: relative;
	margin-bottom: 13px;
}

.pohybove_aktiv {
	padding: 10px 0;
}

.pohybova_akt {
	margin: 26px 0;

}
.left_side_akt {
	width: 60px;
	float: left;
}

.right_side_akt {
	float: left;
	width: 613px;
	position: relative;
}

.ukazatel_akt {
	background-image: url('../img/ukazatel-detail-akt.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	width: 9px;
	height: 50px;
	z-index: 2;
}

.pos1 .ukazatel_akt{
	top: 0;
	left: 0;
}

.pos2 .ukazatel_akt {
	top: 63px;
	left: 0;
}

.pohybova_akt_clk {
	margin: 0 0 0 8px;
	padding: 12px 0 0 0;
	border: 1px solid #e1e4e6;
    background: #fff;
}

.naplanovana_akt .pohybova_akt_clk {
    background: #fcfcfd;
}

.naplanovana_akt .pohybova_akt_footer {
    background: #fff;
}

.nadpis_poh_akt {
	color:  #3c3c3c;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

.pohybova_akt_header {
	border-style: solid;
	border-color: #e1e4e6;
	border-width: 0 0 1px 0;
	padding: 0 0 14px 0;
	margin: 0 16px;
}

.pos2 .pohybova_akt_header {
	border: none;
}

.txt_akt_small {
	font-family: robotolight;
	color:  #6a7b84;
	font-size: 14px;
	font-weight: 300;
}

h4.txt_akt_obsah {
	display: block;
	float: none;
	margin: 0 0 4px 0;
	padding: 0;
}

a .txt_akt_small:hover  {
	color: #3c3c3c;
}

.smazat_poh_akt {
	height: 18px;
	background-image: url(../img/icon-smazat-poh-akt.png);
	background-repeat: no-repeat;
	display: block;
}
.upravit_poh_akt {
	height: 18px;
	background-image: url(../img/icon-upravit-poh-akt.png);
	background-repeat: no-repeat;
	display: block;
}

.detail_dne .smazat_poh_akt {
	background-position: 0 4px;
}

.detail_dne .upravit_poh_akt {
	background-position: 0 4px;
}

.rel {
	position: relative;
}

.pohybova_akt_clk .rel .podtr {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #6a7b84;
	position: absolute;
	margin: 17px 0 0 0;
	width: 100%;
}

.pohybova_akt_clk .rel:hover .podtr {
	border-color: #3c3c3c;
}

.rel.txt_akt_small {
	margin: 0 0 0 18px;
}

a.smazat_poh_akt,a.upravit_poh_akt, a.prohlednout_poh_akt {
	margin: 1px 0 0 15px;
	text-decoration: none;
}

.txt_akt_obsah {
	font-family: robotolight;
	color:  #3c3c3c;
	font-size: 14px;
	font-weight: 300;
	display: block;
	float: left;
	padding-bottom: 4px;
}

.txt_akt_obsah.data {
	color:  #6a7b84;
}

.lab {
	width: 104px;
}

.pohybova_akt_obsah {
	margin: 14px 16px;
}

.left_side_akt_obsah {
	float: left;
}

.right_side_akt_obsah {
	float: right;
	width: 237px;
}

ul.poradi_akt_obsah {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: robotolight;
	color:  #6a7b84;
	font-size: 14px;
	font-weight: 300;
}


.poradi_akt {
	float: left;
	width: 35px;
}

.jmeno_akt {
	float: left;
	width: 110px;
}

.jmeno_akt.ich {
	text-indent: 20px;
	position: relative;
}

.jmeno_akt.ich img {
	position: absolute;
	border-radius: 50%;
	width: 17px;
	height: 17px;
	top: 0;
	left: 0;
	display: block;
}

.hodnota_akt {
	float: left;
}

.akt_obsah_li {
	margin-bottom: 4px;
}

.pohybova_akt_footer {
	background-color: #fbfbfc;
	padding: 11px 16px;
	color:  #6a7b84;
	font-size: 14px;
	font-weight: 300;

	font-family: robotolight_italic;
	border-top: 1px solid #e1e4e6;
}

.pohybova_akt_mapa {
	margin: 0 16px 16px 16px;
	border-style: solid;
	border-color: #e1e4e6;
	border-width: 1px;
	width: 569px;
	height: 242px;
}

.map_tmp1 {
	background: url(../img/mapa-pohyb-akt.jpg) 0 0 no-repeat;
}

.datum_kalendar {
	width: 178px;
	height: 36px;
	/*background-color: #d0d0d0;*/
	margin: 8px auto;
}


/*Registrce*/


.registrace {
    margin: 0 0 60px 43px;
}

.text2 {
    font-family: robotolight;
    color: #596971;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

.registrace .text2 {
    display: block;
}

.main .right-side .registrace .text {
    padding: 0;
}

.registr_hlcast {
    margin: 0 0 40px 2px;
}

.reg_odraz {
    margin: 0;
    padding: 0 0 0 14px;
    background: url(../img/registrace-li.png) 0 12px no-repeat;
}

.registrace .no-decor-ul {
    margin: 11px 0 21px 0;
    padding: 0 0 0 2px;
}

.registrace .nadpis_head2 {
    margin-bottom: 0px;
}

.txt_a_reg {
    color: #1e95c5;
    text-decoration: none;
    position: relative;
    display:
}

.txt_a_reg .podtr {
    position: absolute;
    display: block;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #1e95c5;
    width: 100%;
    margin: -5px 0 0 0;
}

.txt_a_reg:hover {
    color: #3c3c3c;
}

.txt_a_reg:hover .podtr {
    border-color: #3c3c3c;
}

.registr_button {
    background-color: #d0d0d0;
    width: 104px;
    height: 41px;
}

.registrace .registr_button {
    margin-top: 20px;
}

.registrace .registr_button:hover {
    cursor: pointer;
}
.registr_form {
    margin: 0 0 60px 0;
    padding: 10px 0 0 0;
}

.registr_input {
    height: 30px;
    background-color: #d0d0d0;
    float: left;
    margin: 0px 6px 8px 0;
    overflow: hidden;
}

.registr_input.inp1 {
    width: 350px;
}
.registr_input.inp2 {
    width: 250px;
}
.registr_input.inp3 {
    width: 156px;
}
.registr_input.inp4 {
    width: 90px;
}
.registr_input.inp5 {
    width: 60px;
}
.registr_input.inp6 {
    width: 140px;
}
.registr_input.inp7 {
    width: 580px;
}


.registr_form .text2.labellf {
    float: left;
    width: 150px;
    color: #3c3c3c;
}

.registr_form .text2.labelrg {
    float: left;
    color: #3c3c3c;
    margin: 0 6px 0 0;
}

.registr_radio, .registr_checkbox {
    background-color: #d0d0d0;
    width: 26px;
    height: 30px;
    float: left;
    margin: 0px 8px 8px 0;
}

.registr_form span.text2 {
    display: block;
    margin: -7px 0 0 -4px;
    float: left;
}

.registr_form .rel {
    float: left;
}

.ipt_txt {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ipt_radio, .ipt_chkbox {
    border: 0;
    margin: 0 0 0 150px;
    padding: 0;
    width: 100%;
}

#registrace-krok2 .ipt_radio {
    margin: 0;
}

#registrace-krok2 .ipt_radio.marg {
    margin-bottom: 28px;
}

.tipbox {
    display: none;
    position: absolute;
    width: 120px;
    line-height: 18px;
    padding: 2px 8px 4px 8px;
    font-family: robotolight;
    font-size: 12px;
    left: 10px;
    text-align: left;
    border: solid 1px #949EA4;
    background-color: #F8F8FA;
}

.tipbox:after, .tipbox:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tipbox:before {
    border-color: rgba(171, 205, 227, 0);
    border-right-color: #596971;
    border-width: 6px;
    top: 10px;
    margin-top: -6px;
}
.tipbox:after {
    border-color: rgba(219, 241, 255, 0);
    border-right-color: #F8F8FA;
    border-width: 5px;
    top: 10px;
    margin-top: -5px;
}

.registr_form .error {
    float: left;
    display: none;
    margin: 0 6px 0 0;
    color: red;
    font-family: robotolight;
    font-size: 12px;
}

.registrace h4.text2 {
    margin-top: 0;
    margin-bottom: 12px;
    color: #3c3c3c;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
}

.registrace h5.text2 {
    margin-top: 0;
    margin-bottom: 12px;
    color: #3c3c3c;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

#registrace-krok3 .registr_form .text2.labellf {
    width: 100%;
    float: none;
}

#registrace-krok3.jine.registrace h4.text2 {
    margin-top: 19px;
    margin-bottom: 0px;
}

.i {
    font-size: 14px;
    line-height: 26px;
}

.vyber_skupina, .vyber_trida {
    margin: 15px 0;
    width: 400px;
    height: 400px;
    background-color: #d0d0d0;
}

.registr_form .err_vypis .error {
    display: block;
}

/* uprava nove aktivity +
*/

.obl { margin: 16px 0 0 0; width: 130px; float: left; display: block; }

.obl_right {
    float: right;
    width: 740px;
}

.oblibene_akt {
    width: 100%;
    min-height: 62px;
    background-color: #f8f8f9;
    border-top: 1px solid #d0d6da;
    padding: 14px 0 7px 0;
}

.oblibene_pol {
    float: left;
    border-radius: 5px;
    border-width: 1px;
    border-color:  #d0d6da;
    border-style: solid;
    background-color:  #ffffff;
    min-width: 80px;
    height: 54px;
    margin: 0px 7px 7px 0;
}
.oblibene_pol:hover {
    border-color:  #959fa5;
}

.obl_box_txt {
    float: left;
    margin: 9px 15px 0 0;
}

.oblibene_pol .obl_txt {
    font-family: robotoregular;
    font-weight: 400;
    font-size: 14px;
    color:  #6a7b84;
    margin: 0 0 -2px 0;
    padding: 0;
    display: block;
}
.oblibene_pol:hover .obl_txt {
    color:  #3c3c3c;
}

.udaje_nep {
    width: 100%;
    background: url(../img/divider.png) 0 10px repeat-x;
    margin: 20px 0 18px 0;
}

.udaje_nep span {
    font-family: robotolight;
    color:  #8f9ba1;
    font-size: 14px;
    font-weight: 300;
    padding: 0 16px;
    margin: 0 0 0 24px;
    z-index: 200;
    background-color: #fff;
}

.tests .holderT {margin: 43px 0 43px 46px; }
    .tests .holderT a {color:#1e95c5;}
        .tests .holderT a:hover { color: #6a7b84; }
.tests .holderT2 {margin: 0 24px; }
.tests .menuT {font-family: robotolight; font-size: 17px; font-weight: 300; }
.tests .menuT a {text-decoration: none; display: block; background-color: #f8f8f9; padding: 9px 13px 10px 13px; border: 1px solid #e1e4e6; margin: 0 -1px 0 0; color:#6a7b84; float: left; cursor:pointer;}
.tests .menuT a:last-of-type:after {clear: both;}
.tests .menuT a.active,
.tests .menuT a:hover {border-color: #1e95c5; background-color: #1e95c5; color: #fff;}
.tests .info {margin: 31px 0;}
.tests .info p {display: block; font-family: robotolight; font-size: 14px; font-weight: 300; color: #6a7b84; padding: 0px 0 7px 36px; line-height: 23px}
.tests .info p a {color: #6a7b84;}
.tests .info p a:hover,
.tests_content .text_instr a:hover {color: #3c3c3c;}
.tests .info .warning {background-image: url('../img/icon_tests/icon-warning.png'); background-repeat: no-repeat; }
.tests .info .ok {background-image: url('../img/icon_tests/icon-ok.png'); background-repeat: no-repeat; }
.tests .info .tip {background-image:url(../img/info-icon.png);  background-repeat: no-repeat; }
.tests_content {margin:0; padding:0; list-style-type: none;}
.tests_content .content_line {margin:0 0 -1px 0; padding:0; list-style-type: none;}
.tests_content .content_line li.item {width: 167px; height: 229px; border: solid 1px #e1e4e6; margin: 0 -1px -1px 0; float: left;}
.tests_content .content_line li.item.active {border-bottom: solid 1px #fff;}
.tests_content .content_line li.item:hover {cursor: pointer; border-color: #1e95c5; z-index: 50; position: relative; background-color: rgba(245, 245, 245, 0.5);}
.tests_content .content_line li.item.active:hover {cursor: pointer; z-index: inherit; position: relative; border-bottom-color: #fff; z-index: 60;}
.tests_content .content_line li.item:hover .item_title {color: #1e95c5; }
.tests_content .content_line li.item .num {border-radius: 50%; border-width: 1.5px; border-color:  rgba(143, 155, 161, 0.5); border-style: solid; width: 24px; height: 24px; margin: 26px 0 0 71px;}
.tests_content .content_line li.item .num span {color: #8f9ba1; font-size: 14px; font-weight: 300; padding: 2px 0 0 1px; width: 100%; display: block; text-align: center;}
.tests_content .item .icon {width:168px; height: 91px; margin: 0 0 -5px 0;}
.tests_content .item_title {width: 167px; display: block; font-family: robotolight; color:  #3c3c3c; font-size: 17px; font-weight: 300; line-height: 22px; text-align: center; }
.tests_content .item_obl {width: 167px; font-family: robotolight; color:  #8f9ba1; font-size: 12px; font-weight: 300; line-height: 20px; text-align: center; margin: 2px 0 0 0;}
.tests_content .expand_input,
.tests_content .expand_output {border: solid 1px #e1e4e6; padding: 26px 0; }
.tests_content .expand_input .video {margin: 23px 0 26px 0; background-color: #d0d0d0; width: 619px; height: 349px; border: solid 1px #e1e4e6;}
.tests_content .menuT {float:left;}
.tests_content .button-class {float: right; margin: 0 2px 0 0; cursor: pointer;}
.tests_content .text_instr, .TYouth .text_instr {float: left; background: url(../img/icon_tests/icon-text-instr.png) 0 4px no-repeat; padding: 0 0 0px 48px; margin:0; }
.tests_content .text_instr h4, .TYouth .text_instr h4 {margin:0; font-family: robotolight; color: #000; font-size: 16px; font-weight: 300; line-height: 21px;}
.tests_content .text_instr span, .TYouth .text_instr span  {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 21px; text-decoration: underline; cursor: pointer;}
.tests_content .text_instr span:hover, .TYouth .text_instr span:hover {color: #3c3c3c;}
.tests_content .box2 {margin: 0 0 8px 0;}
.tests_content .description {display: block; background-color: #fbfbfc; border-top: solid 1px #e1e4e6; border-bottom: solid 1px #e1e4e6; margin: 26px 0 20px 0; }
.tests_content .pointer {background: url(../img/icon_tests/pointer.png) 0 0 no-repeat; width: 19px; height: 9px;}
.tests_content .description .pointer { margin: -9px 0 0 32px;}
.tests_content .description .columnL {float: left; width: 290px; margin: 24px 10px 4px 24px;}
.tests_content .description h5 {font-family: robotolight; color:  #000000; font-size: 14px; font-weight: 300; line-height: 21px; margin:0; padding: 0 0 0 0;}
.tests_content .description p {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 21px; margin:0; padding: 0 0 20px 0;}
.tests .line {width: 100%; border-top: solid 1px #e1e4e6; height: 1px; }
.tests .textC {font-family: robotolight; color:  #8f9ba1; font-size: 14px; font-weight: 300; display: block; background-color: #fff; width: 120px; margin: -12px auto 0 auto; text-align: center;}
.tests .box1 {padding: 20px 0;}
.tests .tab1 {width: 100%; text-align: left; border-collapse: collapse; }
.tests .tab1 td,
.tests .tab1 th {margin: 0; padding: 12px 0;}
.tests .tab1 th {font-family: robotoregular; color:  #3c3c3c; font-size: 14px; font-weight: 400; }
.tests .tab1 td {font-family: robotoregular; color:  #6a7b84; font-size: 14px; font-weight: 400; border: solid 1px #e1e4e6; }
.tests .tab1 td:first-child {border-left: none;}
.tests .tab1 .col1 {width: 170px; text-indent: 28px; }
.tests .tab1 .col2 {width: 152px; padding-left: 16px;padding-right: 10px;}
.tests .tab1 .col2 .testList_checkbox { width: 126px;display: inline-block;}
.tests .tab1 .col2 span {width: 22px;height: 22px; display: inline-block; }

.tests .tab1 .col3 {text-indent: 15px; }
.tests .tab1 td.col3 {font-family: robotolight; }
.tests .tab1 ul {margin:0; padding:0; list-style-type: none;}
.tests .tab1 li {padding: 0 0 0 6px;float:left; cursor:pointer;}
.tests .tab1 li.upravit {background:url(../img/icon_tests/icon-upravit.png) 3px 4px no-repeat; margin: 0 0 0 12px;}
.tests .tab1 li.smazat {background:url(../img/icon_tests/icon-smazat.png) 3px 4px no-repeat; margin: 0 0 0 12px;}
.tests .tab1 li span {text-decoration: underline; color: #6a7b84;}
.tests .tab1 li:hover span {color: #3c3c3c;}
.tests .vysl {font-family: robotolight; color:  #6a7b84; font-weight: 300; font-size: 14px; padding: 24px 0 0 0;}
.tests .menuT_exp_output {font-family: robotolight; color: #3c3c3c; font-size: 17px; font-weight: 300; margin: 26px 0 17px 0; }
.tests .menuT_exp_output span,
.tests .menuT_exp_output .iconR1,
.tests .menuT_exp_output .iconR2,
.TYouth .iconR1,
.TYouth .iconR2 {float: left; display: block;}
.tests .menuT_exp_output .iconR1,
.tests .menuT_exp_output .iconR2 {width: 51px; height: 51px; margin: 0 0 0 5px; position: relative; cursor: pointer; border-radius: 50%; border: solid 1px #e1e4e6; }

.tests .menuT_exp_output .iconR1 {background: url(../img/icon_tests/icon-graph.png) #f8f8f9 14px 17px no-repeat; z-index: 20;}
.tests .menuT_exp_output .iconR2 {background: url(../img/icon_tests/icon-table.png) #f8f8f9 14px 17px no-repeat; z-index: 20;}
.tests .menuT_exp_output .iconR1.active,
.tests .menuT_exp_output .iconR1:hover,
.TYouth .iconR1.active,
.TYouth .iconR1:hover {background-image: url(../img/icon_tests/icon-graph-active.png);background-color: #8071cd; border-color: #8071cd;}
.tests .menuT_exp_output .iconR2.active,
.tests .menuT_exp_output .iconR2:hover,
.TYouth .iconR2.active,
.TYouth .iconR2:hover {background-image: url(../img/icon_tests/icon-table-active.png);background-color: #8071cd; border-color: #8071cd;}
.tests .menuT_exp_output span {padding: 14px 10px 0 30px;}
.tests .menuT_exp_output span:first-child {padding-left: 0;}
.tests .menuT_exp_output .pointer {position: absolute; top: 61px; left: 16px; display: none; }
.tests .menuT_exp_output .active .pointer {display: block;}
.tests .menuT_exp_output .iconR1.active span,
.tests .menuT_exp_output .iconR2.active span {display: block;}
.tests .a_s_panel {background-color: #fbfbfc; border-top: solid 1px #e1e4e6; border-bottom: solid 1px #e1e4e6; padding: 16px auto;}
.tests .expand_output .box1 {margin: 20px 0 6px 0;}
.tests .text_expand {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 21px; margin: 0; padding: 0; }
.tests .text_expand p {margin: 0 0 26px 0; }
.tests .text_expand p:last-child {margin: 0 0 11px 0; }

.tests  .test_summary h2.nadpis {font-family: robotolight; color: #3c3c3c; font-size: 21px; font-weight: 300; text-align: left; padding: 11px 0 2px 0;}
.tests  .summ_test {background: #fbfbfc; height:164px; border: solid 1px #e1e4e6; margin: 0 0 12px 0;}
.tests  .summ_test.dis {background: #fcfcfd; border: solid 1px #ebedef; }
.tests  .summ_test .st_left {background: #ffffff; width: 166px; height: 100%; float: left;}
.tests  .summ_test .st_right {float: right;background: url(../img/icon_tests/stright.png) 0 0 no-repeat; padding: 22px 0; height:120px;}
.tests  .summ_test.dis .st_right {background: url(../img/icon_tests/stright-dis.png) 0 0 no-repeat;}
.tests  .summ_test .icon {width: 168px; height:91px;}

.tests  .summ_test .iclabel {font-family: robotolight;color:  #3c3c3c; font-size: 17px; font-weight: 300; line-height: 22px; text-align: center;}
.tests  .summ_test .st_r1 {width: 195px; float: left;}
.tests  .summ_test .r1Info {margin: 12px 0 0px 39px; text-indent: 42px; position: relative;}
.tests  .summ_test .r1Info.itm1 {margin-top: 41px;}
.tests  .summ_test p {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 20px; text-align: left; margin: 0; padding:0;display:block;}
.tests  .summ_test p.darktxt {color:#3c3c3c;}
.tests  .summ_test .rIcon {position: absolute;}
.tests  .summ_test .st_graf_box {float: right;width: 310px;}
.tests  .summ_test .st_graf_box p.darktxt {display: block; margin: 12px 0 9px 100px;}
.tests  .summ_test .st_graf {position: relative; margin: 0;}
.tests  .summ_test .st_graf .divider {background: url(../img/icon_tests/bar-divider.png) 0 0 no-repeat; position: absolute;top: 0; width:7px; height:25px;}
.tests  .summ_test .st_graf .divider.divid1 {left: 84px;}
.tests  .summ_test .st_graf .divider.divid2 {left: 173px;}
.tests  .summ_test .st_graf .divider.dividX1, 
.tests  .summ_test .st_graf .divider.dividX2, 
.tests  .summ_test .st_graf .divider.dividX3,
.tests  .summ_test .st_graf .divider.dividX4 { display: none;}

.tests  .summ_test .st_graf .pGrafbarBox {position: absolute; top:10px; height: 4px; width: 263px; border: none; background: #dde0e6;border-radius: 2px;}
.tests  .summ_test .st_graf .pGrafbar {width: 100%;height: 100%;z-index: 10;border-radius: 2px; }
.tests  .summ_test .st_graf.pGraf1 .pGrafbar {background-image: url(../img/icon_tests/pGraf1.png);}
.tests  .summ_test .st_graf.pGraf2 .pGrafbar {background-image: url(../img/icon_tests/pGraf2.png);}
.tests  .summ_test .st_graf.pGraf3 .pGrafbar {background-image: url(../img/icon_tests/pGraf3.png);}
.tests  .summ_test .st_graf.pGraf4 .pGrafbar {background-image: url(../img/icon_tests/pGraf4.png);}
.tests  .summ_test .st_graf.pGraf5 .pGrafbar {background-image: url(../img/icon_tests/pGraf5.png);}
.tests  .summ_test .st_graf.pGraf2 .divider.divid2 {display: none;}
.tests  .summ_test .st_graf.pGraf3 .divider.divid1 {display: none;}
.tests  .summ_test .st_graf.pGraf4 .divider.divid1, 
.tests  .summ_test .st_graf.pGraf4 .divider.divid2,
.tests  .summ_test .st_graf.pGraf5 .divider.divid1, 
.tests  .summ_test .st_graf.pGraf5 .divider.divid2 {display: none;}
.tests  .summ_test .st_graf .bubtxt {position: absolute; top: 26px; left: 0px; padding: 7px 0 0 0; }

.tests  .summ_test .st_graf.pGraf4 .divider.dividX1, .tests  .summ_test .st_graf.pGraf5 .divider.dividX1 { left: 49px; display: block;}
.tests  .summ_test .st_graf.pGraf4 .divider.dividX2, .tests  .summ_test .st_graf.pGraf5 .divider.dividX2 { left: 101px; display: block;}
.tests  .summ_test .st_graf.pGraf4 .divider.dividX3, .tests  .summ_test .st_graf.pGraf5 .divider.dividX3 { left: 153px; display: block;}
.tests  .summ_test .st_graf.pGraf4 .divider.dividX4, .tests  .summ_test .st_graf.pGraf5 .divider.dividX4 { left: 205px; display: block;}

.arrow_up {position: relative; background: #ffffff; border: 1px solid #e1e4e6; padding: 4px 8px 5px 9px; font-family: robotolight;color: #6a7b84;font-size: 13px; font-weight: 300; text-align: center;}
.arrow_up:after, .arrow_up:before { bottom: 100%; left: 50%; border: solid transparent;	content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_up:after { border-color: rgba(255, 255, 255, 0);	border-bottom-color: #ffffff; border-width: 6px; margin-left: -6px;}
.arrow_up:before { border-color: rgba(225, 228, 230, 0); border-bottom-color: #e1e4e6; border-width: 7px; margin-left: -7px;}

.arrow_down {position: relative; background: #ffffff; border: 1px solid #e1e4e6; padding: 4px 8px 5px 9px; font-family: robotolight;color: #6a7b84;font-size: 13px; font-weight: 300; text-align: center;}
.arrow_down:after, .arrow_down:before { top: 100%; left: 50%; border: solid transparent;	content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_down:after { border-color: rgba(255, 255, 255, 0);	border-top-color: #ffffff; border-width: 7px; margin-left: -7px;}
.arrow_down:before { border-color: rgba(225, 228, 230, 0); border-top-color: #e1e4e6; border-width: 8px; margin-left: -8px;}

.tests  .summ_test .testfail {width: 505px; height: 100%; text-indent: 30px;}
.tests  .summ_test .testfail div {font-family: robotolight; color: rgba(60, 60, 60, 0.7); font-size: 14px; font-weight: 300; line-height: 20px; text-align: left; background: url(../img/icon_tests/icon-testfail.png) 0 2px no-repeat; margin: 50px 0 0 51px; }
.tests  .summ_test .st_box {float: right; width:304px; padding: 35px 3px;}
.tests  .summ_test .st_box .fixw {width:200px;display: block;position: relative;margin:0 0 10px 0;}
.tests  .summ_test .st_box .chk_0, .tests  .summ_test .st_box .chk_1 {width:14px;height:14px;display: inline-block;margin: 3px 0 0 0;position: absolute;left:154px;}
.tests  .summ_test .st_box .chk_0 {background: url(../img/icon_tests/checkbox_0.png) 0 0 no-repeat;}
.tests  .summ_test .st_box .chk_1 {background: url(../img/icon_tests/checkbox_1.png) 0 0 no-repeat;}

.info_click {text-decoration:underline; cursor:pointer;}

.rozcestnik, .tests_info {padding: 0 0 11px 0;}
.rozcestnik .nadpis, .tests_info .nadpis {font-family: robotolight; color: #3c3c3c; font-weight: 300; text-align: left; }
.rozcestnik h1.nadpis {font-size: 26px;}
.rozcestnik h2.nadpis, .tests_info h2.nadpis {font-size: 21px;}
.rozcestnik h2.nadpis span {color: #6a7b84;}
.rozcestnik .rozcestnik1 {margin: 24px 0 20px 0;}
.rozcestnik .rozcestnik2 {margin: 20px 0 29px 0;} 
.rozcestnik .txt_box_test {display:block; text-indent:48px; background:url(../img/icon_tests/icon-text-instr.png) 0 5px no-repeat;}
.rozcestnik .txt_box_test .txt_test {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 21px; }
.rozcestnik .txt_box_test .txt_test.blacktxt {color: #000; }
.rozcestnik .description {margin:24px 0 29px 0; font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 21px; background-color: #fbfbfc; border: solid 1px #e1e4e6; padding: 0;}
.rozcestnik .description .pointer {margin: -9px 0 0 64px;}
.rozcestnik p, .rozcestnik .description div {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300;line-height: 23px; text-align: left; margin:0; padding:0;}
.rozcestnik .description .darktxt {color:#3c3c3c;}
.rozcestnik .description .columnL {float: left; width: 279px; margin: 21px 21px 21px 26px; display:block;}
.rozcestnik .rozcestnik_box {width:331px; background: #fff; float:left;}
.rozcestnik .rozcestnik_box:first-of-type {margin-right:11px;}
.rozcestnik .rozcestnik_box p.nadpisbox {font-family: robotolight;color: #3c3c3c;font-size: 17px;font-weight: 300;line-height: 22px;text-align: center;padding: 0 0 18px 0; margin: 0 0 2px 0;}
.rozcestnik .rozcestnik_box .box2_inside {background:#fbfbfc; border-left: 1px solid #e1e4e6; border-bottom: 1px solid #e1e4e6; border-right: 1px solid #e1e4e6; text-align:center;}
.rozcestnik .rozcestnik_box .nadpis_ts {text-align:center;padding:19px 0 3px 0;}
.rozcestnik .rozcestnik_box .progress-box {margin:10px auto 27px auto; width:265px; height:5px; border-radius:2px;background:#dde0e6;}
.rozcestnik .rozcestnik_box .progress-box .progress {background:#8071cd;width:0;height:100%;}
.rozcestnik .rozcestnik_box .button-class {margin: 0 auto 29px auto;display:inline-block;}

.tests_info {margin: 31px 0 69px 0;}
.tests_info .tests_info_box {border: 1px solid #e1e4e6; width:671px; margin: 20px 0 0 0;}
.tests_info .tests_info_box ul {list-style-type: none; padding:0;margin:0;}
.tests_info .tests_info_box li.box_item {cursor:pointer; color:#3c3c3c; width: 25%; height: 182px; overflow:hidden; border-bottom: 1px solid #e1e4e6; border-right: 1px solid #e1e4e6; margin: 0 -1px 0 0; padding: 20px 0 0 0; float:left; }
.tests_info .tests_info_box li.box_item.active { color: #1e95c5;border-bottom:none;}
.tests_info .tests_info_box li:hover.box_item { color: #1e95c5;}
.tests_info .tests_info_box li.box_item:last-of-type {border-right:none;}
.tests_info .tests_info_box li.box_item p {font-family: robotolight; font-size: 17px; font-weight: 300; line-height: 23px; text-align: center;}
.tests_info .info_text {margin:25px;}
.tests_info .info_text p {font-family: robotolight; color: #6a7b84; font-size: 14px; font-weight: 300; line-height: 23px; text-align: left; padding-bottom:9px;}
.tests_info .info_text p:last-of-type {padding-bottom:0;}
.tests_info .info_text p span.darktxt {color: #3c3c3c;}

.vlozeni_testu .con_body {border-top: #e1e4e6 1px solid; border-bottom: #e1e4e6 1px solid; width: 100%; padding:6px 0 31px 0;}
.con_body .con_line {margin: 4px 0;}
.con_body .con_line .txt_test {display: inline-block; text-align: left; margin-left:5px;}
.con_body .con_line .txt_test.tleft {width:135px;}
.con_body .con_line .txt_test.t2left {width:141px;}
.con_body .con_line .txt_test.mildtxt {color:#6a7b84;}
.con_body .con_line .box_test {width: 100px; height:38px; display:inline-block; }
.con_body .con_line .box_test.marg_box {margin:14px 6px -14px 0;}
.con_footer {margin:36px 0 0 3px;}
.radio_test {display:inline-block;}
.radio_test .radio_line_test:first-of-type {padding:0 0 3px 0;}
.radio_test .radio_select {width:22px; height:22px; margin:6px -8px -6px 0; display:inline-block; }
.txt_test.t2left.vat {vertical-align:top; margin-top:6px;}
.con_line.mereni {margin:39px 0 34px 6px;}
#vlozeni_testu_BMI .con_line.mereni {margin-top:26px;}
.con_line.mereni .txt_box_test {display:block; text-indent:40px; background:url(../img/icon_tests/icon-text-instr.png) 0 5px no-repeat;}
.con_line.mereni .txt_box_test .txt_test, .rozcestnik .txt_box_test .txt_test {display:block;}
.con_line.mereni .txt_box_test .txt_test.blacktxt {color:#000000;}
.con_line.mereni .txt_box_test .txt_test.mildtxt.skryt_instr {font-size: 14px; text-decoration:underline; cursor:pointer; display:inline-block;}
.vlozeni_testu .description {display: block; background-color: #fbfbfc; border-top: solid 1px #e1e4e6; border-bottom: solid 1px #e1e4e6; margin-bottom:-1px; padding-bottom:14px;}
.vlozeni_testu .pointer, .rozcestnik .pointer {background: url(../img/icon_tests/pointer.png) 0 0 no-repeat; width: 19px; height: 9px;}
.vlozeni_testu .description .pointer { margin: -9px 0 0 14px;}
.vlozeni_testu .description .columnL:first-of-type  {float: left; width: 400px; margin: 31px 35px 16px 5px; display:block;}
.vlozeni_testu .description .columnL {float: left; width: 400px; margin: 31px 0 16px 5px; display:block;}
.vlozeni_testu .description ul {margin:0; padding:0; list-style: none; }
.vlozeni_testu .description p.txt_test, ul.txt_test li {font-size:14px; color:#6a7b84;margin:0;line-height: 21px;}
.vlozeni_testu .description ul.txt_test li {padding-left: 18px; background: url(../img/li-blue-icon.png) 0 9px no-repeat;}
.vlozeni_testu .description h5.txt_test {font-size:14px; color:#000;margin:0;padding:0;line-height: 21px;}
.nadpis_head_test {float: left; padding:3px 0 0 3px;}
.vlozeni_testu.onehr .con_body {padding:22px 0 0 0;}
.vlozeni_testu .con_footer .button-class.bt1 {margin-left:2px;}
.vlozeni_testu .info_test {margin:19px 0 0 143px; text-indent:25px; background: url(../img/info-icon.png) 0 1px no-repeat; font-family:robotolight; color:#8f9ba1; font-size:14px; font-weight:300; padding:0 0 1px 0;}
.txt_test.vel3 {font-size:21px;}
h3.txt_test {margin: -1px 0 25px 0; padding:0; color: #3c3c3c;}
.txt_block_test {margin: 21px 0 0 0;}
.vyber_datum_test {width: 136px;height: 36px;background:#ddd; float:right; margin: 29px 0 29px 0px;}

.upravit_trasa {display: block; background: url(../img/icon-upravit-poh-akt.png) 0 11px no-repeat; text-decoration: none;}
a.upravit_trasa span {display: block; margin: 0 0 0 18px; text-decoration: underline;}
.smazat_trasa {display: block; background: url(../img/icon-smazat-poh-akt.png) 0 11px no-repeat; text-decoration: none;}
a.smazat_trasa span {display: block; margin: 0 0 0 18px; text-decoration: underline;}
.prohlednout_trasa {display: block; background: url(../img/icon-prohlednout-poh-akt.png) 0 11px no-repeat; text-decoration: none;}
a.prohlednout_trasa span {display: block; margin: 0 0 0 18px; text-decoration: underline;}

/* Testovani zdravotni zpusobilosti */
.zpusobilost label { font-family: robotolight; color: #3c3c3c; font-size: 16px; font-weight: 300;}
.zpusobilost label strong{font-weight: bold;}
.zpusobilost label.small { font-size: 14px;}
ul.zpusobilost {list-style:none; margin:0 0 ; padding:0;}
ul.zpusobilost li {padding-left: 18px; line-height: 21px; background: url(../img/li-blue-icon.png) 0 9px no-repeat; color: #3c3c3c; font-family: robotolight; font-size: 14px;}
#pnText {padding-left: 36px; color: #000; font-family: robotolight; font-size: 14px; background-position: 0 8px; margin: 0 0 8px 0;}
.tests .info.inf2 {margin: 16px 0;}
.tests .info.inf2 .input_akt {margin: 9px 0 9px 0;}
.tests .info.inf2 .input_akt input {margin: 0; padding: 0; float: left; height: 18px;}
#_rfdSkinnedchbPotvrdil {margin: -4px 0 0 0; padding: 0; height: 22px;}
.tests .info.inf2 .input_akt label {display: block; float: left; margin: 2px 0 0 0; font-family: robotolight; color: #000; font-size: 14px; font-weight: 400; cursor: pointer;}
.tests .a_s_graf {width: 608px; margin: 31px auto;}
#pnVsechno .nastav_akt {border-top: #e1e4e6 1px solid; margin-top: 21px; padding-top: 10px;}
.right-side .tests li.active a span {border: none;}

/**/
.tests_content .description ul.sez-description {list-style:none; margin:0 0 ; padding: 0 0 20px 0;}
.tests_content .description ul.sez-description2 {list-style:none; margin:0 0 ; padding: 0 0 0 0;}
.tests_content .description ul.sez-description li {padding-left: 18px; line-height: 21px; background: url(../img/li-blue-icon.png) 0 9px no-repeat; font-family: robotolight;color: #6a7b84;font-size: 14px;font-weight: 300;margin: 0;}
.tests_content .description ul.sez-description li a {font-family: robotolight;color: #6a7b84;font-size: 14px;text-decoration: underline;}
.tests_content .description ul.sez-description li a:hover {color: #3c3c3c;}
/**/

.tests .tabA .vyber_akce {margin: 0 0 0 10px;padding: 0px;}
.tests .tabA .vyber_akce .icon_vyber_akce { background: url("../img/icon_vyber_akce.png") 0 0 no-repeat;width: 13px; height: 10px;margin: 0;padding: 0;}
.tests .tabA .vyber_akce .vyber_akce_menu { position: relative; display: none; }
.tests .tabA .vyber_akce .vyber_akce_menu .vyber_akce_box { position: absolute;z-index: 1000; top: 4px; right: 0px;margin: 9px 0 0 0; border: 1px solid #d0d6da;background: #fff;width: 170px;}
.tests .tabA .vyber_akce .vyber_akce_menu .vyber_akce_box .akce_pointer {background: url("../img/pointer_up.png") 0 1px no-repeat; z-index: 1002;width: 15px;height: 9px;margin: -9px 0 0 143px;}
.tests .tabA .vyber_akce .vyber_akce_menu .vyber_akce_box ul { margin: 19px 0 5px 18px; padding: 0;list-style-type: none; }
.tests .tabA .vyber_akce .vyber_akce_menu .vyber_akce_box ul li { margin: 0; padding: 0 0 15px 20px;cursor: pointer;}
.tests .tabA .vyber_akce .vyber_akce_menu .vyber_akce_box ul li span a {font-family: robotolight;color: #6a7b84; font-size: 14px; font-weight: 300;padding: 0;margin: 0;display: block;line-height: 14px;text-decoration: none;}
.tests .tabA .vyber_akce .vyber_akce_menu .vyber_akce_box ul li span:hover a { text-decoration: underline;}
.menu_item_upravit { background: url("../img/icon_menu_item_upravit.png") 0 1px no-repeat;}
.menu_item_smazat  { background: url("../img/icon_menu_item_smazat.png") 0 5px no-repeat;}
.menu_item_zobrazit { background: url("../img/icon_menu_item_zobrazit.png") 0 0 no-repeat;}
.menu_item_export { background: url("../img/icon_menu_item_export.png") 0 1px no-repeat;}
.menu_item_kopirovat { background: url("../img/icon_menu_item_kopirovat.png") 0 2px no-repeat;}

.mask_transparent {display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 0.01;}

a.button-class {text-decoration:none;}

body.test div.visible_only_for_testing_enviroment {
    display: block;
    float: left;
    color: #FF0000;
    font-family: robotolight;        
    font-size: 18px;
    font-weight: 600;    
    margin: 17px -80px 0 0px;}

body div.visible_only_for_testing_enviroment, body.prod span.visible_only_for_testing_enviroment {
    display:none; }

.content {
    margin: 43px 0 43px 45px; }

.chart_Prehled {
    margin:10px 0 35px 0;
    padding: 35px 0 0 0;
    width: 100%;        
}

.prehled-button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width: 2px;
	border-color: #1e95c5;
	border-style: solid;

	padding: 7px 12px 8px 10px;
	background-color: inherit;        
}

.LinkTridy
{
    color: #1e95c5;
	font-family: robotoregular;

	font-size: 16px;
	font-weight: 400;
    cursor:pointer;
    text-decoration: none;
}

/*
.nazevPorovnaniLink:hover {
    color: #3c3c3c;
}
    */

.tridaOpenClose {
    display:inline-block;
    width: 20px;
    height: 20px; 
    position: relative;
    top: 5px;
    left: 2px;
    cursor:pointer;    
}

.bclose {    
    background: url(../img/icon-bclose.png) no-repeat 6px 6px;      
}

.bopen {    
    background: url(../img/icon-bopen.png) no-repeat 6px 9px;      
}

.prehledTYouth {
    margin: 14px 0 0 0;
    float:left;
}

ul.prehledTYouth {
    list-style-type: none;
    padding: 0;
}        

.trida {
    background: url(../img/icon-trida-bgr.png) 0 0 no-repeat;
    height: 22px;
    padding: 22px 0 0 0;
    margin: -8px 0 0 15px;    
}

.trida:first-of-type {
    background: url(../img/icon-trida-first-bgr.png) 0 4px no-repeat;
}

.tridaContent {
    float: left;
    cursor: pointer;
    background: url(../img/icon-ikona-Tridy.png) 0 0 no-repeat;         
    height: 25px;      
}

.tridaContent:hover, .active .tridaContent   {
    background-image: url(../img/icon-ikona-Tridy-hover-active.png);
}

.tridaContent .nazevTYouth {
    font-family: robotolight;
    color: #6a7b84;
    font-size: 16px;
    font-weight: 300;    
    text-align: left;
    float: left;   
    padding: 1px 11px 0 49px;
}

.tridaContent:hover .nazevTYouth, .active .tridaContent .nazevTYouth {
    color: #1e95c5;
}

.tridaContent .pocetZaku {
    background-color: #cbd2d6;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    font-family: robotolight;
    color:  #ffffff;
    font-size: 12px;
    font-weight: 300;    
    text-align: center;
    width: 25px;
    height: 17px;
    display:block;
    float: left;
    position: relative;
    top: 4px;
    left: 0px;
}

.tridaContent:hover .pocetZaku, .active .tridaContent .pocetZaku {
    background-color: #1e95c5;
}

.tridaBox .iconPlus {
    background: url(../img/icon-plus.png) 0 0 no-repeat;
    position: relative;
    top: 6px;
    left: 9px;
    width: 11px;
    height: 11px;
    float: left;
    cursor: pointer;
}


.tridaBox.active .iconPlus, .tridaBox.active .iconPlus:hover {
    background: url(../img/icon-minus.png) 0 0 no-repeat;
}

.tridaBox .iconPlus:hover {
    background: url(../img/icon-plus-hover.png) 0 0 no-repeat;
}

.clenoveTYouth {    
    background: url(../img/line_uzivatele_strom_left.png) 0 29px no-repeat;
    padding: 0 0 0 30px;    
    float: left;
}

ul.clenoveTYouth {
    list-style-type: none;
    margin: 0;
}

.clenoveTYouth .clenoveTYouth_index {
    display: none;
}

.clenoveTYouth .clenoveTYouth_index.active {
    
}

.clenoveTYouth_index.active .clen {
    background: url(../img/icon-trida-bgr.png) 0 1px no-repeat;
    height: 22px;
    padding: 22px 0 0 0;
    margin: -8px 0 0 0;    
}

.clenoveTYouth_index.active .clen:first-child {
    background: none;    
    
}

.clenoveTYouth_index.active .clen .clenoveBox {
    background: url(../img/icon_Student.png) 0 1px no-repeat;    
    display: inline-block;
    width: 100%;
    height: 20px;
    margin: 4px 0 0 0;    
     font-family: robotolight;
    color: #6a7b84;
    font-size: 16px;
    font-weight: 300;    
    text-align: left;
    padding: 0 0 0 45px;    
    text-decoration: none;
}

.clenoveTYouth_index.active .clen .clenoveBox:hover {
    background: url(../img/icon_Student_hover.png) 0 1px no-repeat;
     color: #1e95c5;
}


.no-selectable {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.statistika .nadpis {
    font-family: robotolight; color:  #3c3c3c; font-size: 21px; font-weight: 300; text-align: left; padding: 0 0 20px 0; margin: 0;
}

.statistika ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.statistika ul li.item {
    width: 167px;
    height: 198px;    
    border: solid 1px #e1e4e6;    
    float: left;
    position: relative;
    background-position: center 32px; 
    background-repeat: no-repeat;
}

.statistika ul li.item:hover {
    z-index: 50;
    cursor: pointer; 
    border-color: #1e95c5;    
    background-color: rgba(245, 245, 245,0.5);
}

.statistika ul li.item:first-of-type {
    margin: 0;
}

.statistika ul li.item:not(first-of-type) {
    margin: 0 0 0 -1px;
}

.statistika ul li.item a {
    text-decoration: none;
    display: block;
}

.statistika ul li.item .pocet {
    background-color: #1e95c5;
    border-radius: 11px;
    width: 27px;
    height: 19px;
    font-family: robotolight;
    color: #ffffff; 
    font-size: 14px; 
    font-weight: 300; 
    text-align: center;
    position: absolute;
    left: 85px;
    top: 28px;
    padding: 0 0 1px 0;
}
    
.statistika ul li.item .text-content {
    margin: 89px auto 17px auto;
    width: 100px;
    display: block;
    text-align: center;
    font-family: robotolight;
    color: #3c3c3c;
    font-size: 17px;
    font-weight: 300;
    line-height: 18px; 
}

.statistika ul li.item:hover .text-content {
    color: #1e95c5;
}

.statistika ul li.item .porovnat {
    font-family: robotolight;   
    color: #8f9ba1;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;        
    margin: 2px 0 0 0;
}

.TYouth {    
    border: solid 1px #e1e4e6;
    margin: 35px 0;
    padding: 0;    
    display: block;    
}

ul.TYouthBoxes {
    margin: 0; 
    padding: 0;    
}

ul.TYouthBoxes li.TYouthBox {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 223px; 
    position: relative;   
    border: solid 1px #e1e4e6;            
    float: left;
    display: block;        
    cursor:pointer;
    margin: -1px 0 0 -1px;    
}

ul.TYouthBoxes li.TYouthBox:last-of-type {
    margin: -1px -1px 0 -1px; 
    width: 224px;   
}

ul.TYouthBoxes li.TYouthBox:hover {
    border-color: #1e95c5;
    background-color: rgba(245, 245, 245,0.5);
    z-index: 50;     
}

ul.TYouthBoxes li.TYouthBox.activeTYouth {
    border-bottom: none;
}

ul.TYouthBoxes li.TYouthBox.activeTYouth .txtBox, ul.TYouthBoxes li.TYouthBox:hover .txtBox {
    color: #1e95c5;
}




ul.TYouthBoxes li.TYouthBox.activeTYouth .pocet, ul.TYouthBoxes li.TYouthBox:hover .pocet {
    background-color: #1e95c5;
}


ul.TYouthBoxes li.TYouthBox .icon {
    margin: 36px auto 13px auto;    
}

ul.TYouthBoxes li.TYouthBox .txtBox {
    font-family: robotolight;
    color: #3c3c3c;
    font-size: 17px;
    font-weight: 300;    
    text-align: center;
    display: block;    
}

ul.TYouthBoxes .TYouthBox .pocet
{
    background-color: #cbd2d6;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    font-family: robotolight;
    color:  #ffffff;
    font-size: 12px;
    font-weight: 300;    
    text-align: center;
    width: 25px;
    height: 17px;
    display:block;    
    margin: 6px auto 29px auto;    
}

.TYouth .detail_nast {
    padding: 26px 26px 23px 26px;
}

.TYouth .detail_nast .button-class {
    float:right;
}

.TYouth .detail_nast_openclick {
    border-top: solid 1px #e1e4e6;
    border-bottom: solid 1px #e1e4e6;
    background: #fbfbfc;
    padding: 0 27px 27px 27px;
    margin: 0;
}

.TYouth .detail_nast_openclick .pointer_up {
    margin: -9px 0 0 0;
    height: 9px;
    background: url("../img/pointer_up.png") 0 0 no-repeat;
    z-index: 1000;
}

.TYouth .tglButtons {
    margin: 9px 0 0 0;
    display: inline-block;
    width: 151px;
}

.TYouth .txtNoData {
    font-family: robotolight;
    font-size: 16px;
    font-weight: 300;
    height: 21px;
    margin: 27px 0 5px 27px;
}

.detail_nast_openclick .openclick_line.first {
    margin: 25px 0 0 0;
}

.detail_nast_openclick .nadpis {
    font-family: robotolight;
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 300;    
    text-align: left;
    padding: 0;
    margin: 14px 0 0 -1px;
}

.detail_nast_openclick .dropdown_NastaveniVyber .nadpis {
    padding: 0 30px 0 0;
}

.detail_nast_openclick .txt {
    font-family: robotolight;
    color: #6a7b84;
    font-size: 16px;
    font-weight: 300;    
    text-align: left;    
    text-indent: 4px;
    margin: 0 0 8px -6px;    
    cursor: pointer;
}

.detail_nast_openclick .txt .rbText {
    color: #6a7b84;
}

.detail_nast_openclick .txt.t2 {
    margin: 0 10px 0 0;
    padding: 0;
}

.detail_nast_openclick .button_Box {
    margin: 26px 0 15px 0;        
}

.dropdown_TYouth {
    position: relative;
    top: -2px;
    left: 0px;    
    height: 38px;
    display: inline-block;
}

.dropdown_NastaveniVyber {
    margin: 9px 0 0 0;
    display: inline-block;  
}

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


.graf_table .dropdown_TYouth {
    position: relative;
    top: -11px;
    left: 257px;    
    height: 38px;
    display: inline-block;
}



/* 
    uprava MetroTouch


.detail_nast_openclick .txt .rbText {
    position: relative;
    top: -1px;
}


.dropdown_TYouth .RadDropDownList .rddlInner {
    font-family: robotolight;
    font-weight: 300;
    color: #6a7b84;
    padding: 3px 13px;
    background: #fff;
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/* --- end --- */


.ddlTYouth {
    font-family: robotolight;
    font-weight: 300;
    color: #6a7b84;
    background: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*height: 38px;
        */
}


.ddlItemTempl {
    font-family: robotolight;    
    font-size: 16px;
    font-weight: 300;    
    text-align: left;
    color: #6a7b84;
    padding: 7px 13px;
}


.rddlItemSelected .ddlItemTempl
{
    color: #fff;
}

.detail_nast_openclick .rdpBoxes {
    display: inline-block;
    position: relative;
    top: -1px;
}

.detail_nast_openclick .rdpBoxes .rdpBox {
    margin: 0 0 0 10px;
    display: inline-block;
}

.detail_nast_openclick .rdpBoxes .rdpBox:first-of-type {
    margin: 0px;        
}

.TYouth .graf_table {
    margin: 0 0 50px 0;
}

.TYouth .gt_vyber {
    padding: 21px 21px 18px 27px;    
}

.TYouth .gt_vyber .pointer_up {
    margin: 59px 0 0 8px;
    width: 25px;
    height: 9px;
    background: url(../img/pointer_up.png) 0 0 no-repeat;
}

.TYouth .gt_vyber :not(.active) .pointer_up {
    display: none;
}


.TYouth .iconR1,
.TYouth .iconR2 {width: 48px; height: 48px; margin: 0 6px 0 0; cursor: pointer; border-radius: 50%; border: solid 1px #e1e4e6; }

.TYouth .iconR1 {background: url(../img/icon_tests/icon-graph.png) #f8f8f9 13px 16px no-repeat; z-index: 20;}
.TYouth .iconR2 {background: url(../img/icon_tests/icon-table.png) #f8f8f9 13px 16px no-repeat; z-index: 20;}

.TYouth .graf_table_content {
    border-top: solid 1px #e1e4e6;
    border-bottom: solid 1px #e1e4e6;
    background: #fbfbfc;
    margin: 12px 0 12px 0;
    padding: 12px 0 36px 0;    
}

.TYouth .graf_table_content table {
    border-spacing: 0;
    border-collapse: collapse;    
}

.TYouth .graf_table_content td {
    border: solid 1px #e1e4e6; 
    margin: 0 -1px 0 0;
}

.TYouth .graf_table_content tr, 
.TYouth .graf_table_content td, 
.TYouth .graf_table_content th {
    font-family: robotolight;
    color: #6a7b84;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.TYouth .graf_table_content th {
    color:  #3c3c3c;
}

.TYouth .graf_table_content td, 
.TYouth .graf_table_content th {
    padding: 18px 17px;
}

.TYouth .graf_table_content td:first-child, 
.TYouth .graf_table_content th:first-child {
    padding: 18px 26px;
}

.TYouth .hideShow_instr
{
    user-select: none;
}

.TYouth .button-class {
    cursor: pointer;
}


.TYouthSelect {
    margin: 10px 0 19px 0;
}

.TYouthSelect .txtTrida {
    font-family: robotolight;
    font-size: 18px;
    font-weight: 400;
    color: #3c3c3c;
    padding: 0 23px 0 26px;
    display: inline-block;
    position: relative;
    top: 4px;
}

.tests .userPrevNext
{
    position: relative;
    width: 100%;
    height: 61px;
    border-style: solid;
    border-width: 1px;
    border-color: #e1e4e6;
    margin: 45px 0;
}

.tests .user {
    font-family: robotolight;
	font-size: 17px;
	font-weight: 300;  
    position: absolute;
    top: 17px;  
}

.tests .user.now {
	color:  #3c3c3c;
	text-align: center;
    display:block;    
    width: 100%;
    position: absolute;    
}

.tests .user.prev {
    background: url('../img/arrow-left.png') 0 2px no-repeat;	
    color:  #8f9ba1;
    left: 17px;
    padding: 0 0 0 30px;
    position: absolute;
    border: none;
    z-index:100;
    cursor: pointer;
}

.tests .user.prev:hover, .tests .user.next:hover  {
    color: #3c3c3c;
}

.tests input.user:focus {    
    outline-width: 0;
}

.tests .user.next {        
    background: url('../img/arrow-right.png') right 2px no-repeat;
	right: 17px;
    color:  #8f9ba1;
    padding: 0 30px 0 0;
    position: absolute;
    border: none;    
    z-index:100;
    cursor: pointer;
}

.tests .marginTp {
    margin: 25px 0 0 0;
}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperTopLeft, .RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperTopCenter, .RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperTopRight {display:none;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperLeftMiddle, .RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperRightMiddle {display:none;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperBottomLeft, .RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperBottomCenter, .RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperBottomRight {display: none;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent {margin:0; padding:0;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssMain { margin: 13px 16px 0 16px;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipLbHeading { margin: 0 0 10px 0; padding: 0; display:block; font-family: robotolight; color: #3c3c3c; font-size: 17px; font-weight: 300; text-align: left; }
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL1 {margin:0 0 3px 0; padding:0;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL1 li {margin:0; padding:0 0 8px 20px; list-style-type:none; font-family: robotolight; color: #6a7b84; font-size: 14px; font-weight: 400; line-height: 15px; text-align: left;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipPoznamka {margin:0; padding:0; font-family: robotolight; color: #6a7b84; font-size: 14px; font-weight: 300; font-style: italic;text-align: left;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipLinks {margin: 13px 0 0 0; padding: 0; border-top: solid 1px #E1E4E6; background: #FBFBFC; border-bottom: solid 1px #E1E4E6;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL2  {margin: 0; padding: 0;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL2 li {margin:12px -4px 15px 15px; padding:0 0 0 19px; list-style-type:none; display:inline-block;  }
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL2 li span a {padding: 0; font-family: robotolight; color: #6a7b84; font-size: 14px; font-weight: 300; text-decoration: none; text-align: left;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL2 li span:hover a {text-decoration: underline;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL2 li.menu_item_zobrazit {background-position: 0 3px;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent ul.cssTooltipUL2 li.menu_item_upravit {background-position: 0 4px;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit ul, .akt_oznacit ul {margin:0; padding:0;}
.akt_oznacit {background: #fff;}
.akt_oznacit ul {border-top: 1px solid #E1E4E6;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit ul li:first-of-type, .akt_oznacit ul li:first-of-type {border-right: 1px solid #E1E4E6;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit ul li {margin:0; padding: 46px 27px 15px 27px; list-style-type:none; width:76px; display: block; float: left;}
.akt_oznacit ul li {margin:0; padding: 46px 27px 15px 27px; list-style-type:none; width:247px; display: block; float: left; }
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit ul li:hover, .akt_oznacit ul li:hover {cursor: pointer; background-color: rgba(245, 245, 245, 0.5);}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit.none {display:none;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit.disabled ul li:hover, .akt_oznacit.disabled ul li:hover {cursor: default;background-color: #fff;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit ul li span a, .akt_oznacit ul li span a {font-family: robotolight; color: #6a7b84; font-size: 14px; font-weight: 300; line-height: 20px; text-decoration: none; text-align: center; display: block;}
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit ul li:hover span a, .akt_oznacit ul li:hover span a {text-decoration:underline; }
.RadToolTip.cssTipAktivita .rtWrapper td.rtWrapperContent .cssTooltipOznacit.disabled ul li span a, .akt_oznacit.disabled ul li span a  {color: #cbd2d6; text-decoration:none; cursor: default; pointer-events: none;}

.cssZadosti {width: 326px; padding: 0 3px;}
.cssZadosti .lbHeading {font-family: robotolight; color: #3c3c3c; font-size: 17px; font-weight: 300; text-align: left; border-bottom: solid 1px #E1E4E6; display: block; line-height: 0; margin: 0 0 14px 0; padding: 10px 0 25px 0;}
.cssZadostiUzivatele ul {margin:0 0 20px 0; padding: 0;} 
.cssZadostiUzivatele ul li {margin:0 0 9px 0; padding: 0; list-style-type: none;} 
.cssZadosti .strongText {font-family: robotoregular; color:  #3c3c3c; font-size: 14px; font-weight: 400; line-height: 20px; text-align: left;}
.cssZadosti .normalText {font-family: robotolight; color:  #6a7b84; font-size: 14px; font-weight: 300; line-height: 20px; text-align: left;}

.opacity_none {opacity: 0;}

.public_pages {
    font-family: robotolight;
}

.public_pages .nadpis, .public_pages h1, .public_pages h3, .public_pages .lst_skupiny, .public_pages p, .public_pages li, .public_pages label {
    font-family: robotolight;
    color: #3c3c3c;
    font-weight: 300;
    text-align: left;    
}

.public_pages h1, .public_pages h3, .public_pages strong{
    font-weight: 500;
}

.public_pages ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.public_pages h1 {
    font-size:26px;
    line-height: 22px;
}

.public_pages .lst_skupiny, .public_pages p, .public_pages li, .public_pages label {
    font-size: 14px;
    line-height: 22px;
}

.public_pages .lst_skupiny, .public_pages li  {
    background: url(_images/gfx_listbullet02.png) no-repeat 0em 0.50em;
    padding-left: 12px;
    margin: 0;
    display: block;
}

.public_pages .rddlStaty {
    margin-bottom: 20px;
}

.public_pages .skupiny { padding-top: 15px; border-top: 1px solid #e1e4e6; }

h3.public_rddl_item  {font-size:14px; padding: 5px; margin:0; font-weight: 300;}

.public_pages .txt_email {margin:10px 0; display: block; resize: none;}

.public_pages .button-class {margin: 0;}
.public_pages .part {margin: 40px 0 0 0; }

/*Radform decorator with radNotification*/
/*
.rfdRadioChecked::before, .rfdRadioUnchecked::before,
.rfdCheckboxChecked::before, .rfdCheckboxUnchecked::before {
    content: none !important;
}
*/
/*Dvojite raido buttony v mozille*/
/*
.rfdRadioUnchecked, .rfdRadioChecked {
    padding: 0 !important;
    background-image: none !important;
}
*/
/*Dvojite checkbox buttony v mozille*/
/*
.rfdCheckboxUnchecked, .rfdCheckboxChecked {
    padding: 0 !important;
    background-image: none !important;
}*/