body {
	margin: 0;
	padding: 0;
	/*font-family: 'Quicksand', sans-serif;
        font-weight: 600;*/
        font-family: 'Arial', sans-serif;
	font-size: 1.24em !important;
	line-height: 1.4;
	color: #000;
	background: #fff !important;
}

h1 {
	font-size: 1.4em;
	margin-top: 0px;
	
}

h1, h2, h3, h4 {
	color: #3484D2;
        font-weight: bold !important;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}
/*
div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}
*/
.flashes {
    position:absolute;
    top:10px;
    width:50%;
    left:25%;
    height:auto;
    padding:10px;
    text-align: center;
    font-size:120%;
    z-index:25000;
}

@media screen and (max-width:540px) {
    .flashes {
        width:80%;
        left:10%;
    }
}

.flashes {
	background: #FAFBA2;
	color: red;
	font-weight: bold;
	border-radius: 10px;
        border: 2px solid #000000;
	box-shadow: 2px 2px 4px #858585;
}

a[href^="#error:"] {
	background: red;
	color: white;
}

form .error {
	color: #D00;
	font-weight: bold;
}

.centerer {
	float: left;
	width: 96%;
	padding: 15px 2%;
	height: auto;
	min-height: 300px;
}

.user {
    float: left;
    width: 100%;
    color: #000 !important;
    /*min-height: 45px;*/
    padding-top: 10px !important;
    height: auto !important;
}

.user .uname {
    float: left;
}

.uname p {
    float: left;
    margin: 10px 10px 0 0;
    border-radius: 7px;
    padding: 0 5px;
    background: #E1F8E0;
}

.user .logout {	
	float: right;
        margin-top: 10px;
}

#clox {
    margin-top: 10px;
}

.user #clox {
    float: left;
    font-weight: bold;
    font-style: italic;
}

.user a {
	text-decoration: underline;
}

.coverButtSett {
    float: left;
    margin: 0px 10px 0 0;
}

.buttonSetting {
	height: 36px;
	margin-left: 0;
        border-radius:5px;
        box-shadow: 2px 2px 4px #858585;
}

.fp2 {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  margin-top: 0px;
  color: #07A013;
}

.fp3 {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  margin-top: 0px;
  color: #FF7B00;
}

.fp {
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0px;
  color: grey;
}

#fp {
    color: #FF7B00;
}

.logoIn {
    position: relative;
    width: 280px;
    height: auto;
    margin: 20px auto 0 auto !important;
}

.logoIn img {
    width: 100%;
    height: auto;
    margin-left: 0;
}

@media screen and (max-width:520px) {
	.logoIn {
		width:100%;
	}
        .logoIn img {
            width:80%;
            height: auto;
            margin-left: 10%;
        }
}

.signInForm {
    position: relative;
    width: 340px;
    height: auto;
    margin: 0px auto 0 auto;
    padding: 10px 10px 20px 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

.signUpForm {
    position: relative;
    width: 370px;
    height: auto;
    margin: 0px auto 0 auto;
    padding: 25px 20px 20px 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

.signUpForm img {
    float:right;
    width: 30px;
    margin-top: 290px;
    cursor: pointer;
}

.signUpForm th {
    width: 180px;
}

#signInForm {
    margin: 0px auto 0 auto; 
    text-align: center;
    border: none;
    padding: 10px 20px 20px 25px;
}

.cw {
    position: relative;
    width: 330px;
    height: auto;
    margin: 10px auto 0px auto;
    color: #000;
    text-align: center;
    font-size: 100%;
}

@media screen and (max-width:380px) {
    .cw {
        width:90%;
        left:2%;
    }
}

.cw a {
    color: #000;
    text-decoration: underline;
}

.cw a:hover {
    color: #858585;
}

.tdIcon {
    width: 40px !important;
}

.tdEmpty {
    width: 10px;
}

.closeFlash {
    float: right;
    width: 20px;
}

.calendar {
    table-layout: auto;
    border-collapse: collapse;
		margin-bottom:20px;
    /*float: left;*/
    border: 2px solid #333;
    overflow: hidden;
}

.calendar caption {
    text-align: center;
    padding: 5px 10px;
		font-size: 14px;
    font-weight: bold;
		color: #000;
		text-shadow: 1px 1px #fff;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
}

.calendar th {
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #333;
}

.calendar td {
    text-align: center;
    /*padding: 5px 10px;*/
    border: 1px solid #333;
}

.scroll {
    float: left;
    width: 100%;
}

.menuCal, .menuFak {
    /*float: left;*/
    width: 90%;
    /*width: 300px;*/
    height: 30px;
    margin-bottom: 10px;
}

.menuFak button {
    float: left;
    margin: 0 5px 10px 5px;
    color: #fff;
    text-shadow: 1px 1px #858585;
    border: none;
    border-radius: 3px;
		background: #902b2b;
}

.menuCal button {
    float: left;
    margin: 0 5px 10px 5px;
    color: #000;
    text-shadow: 1px 1px #fff;
		font-weight: bold;
    border: none;
    border-radius: 3px;
}

caption button {
    height: 22px;
    font-size: 90%;
    margin-bottom: 5px;
}

.nameRoom {
    color: #000;
}

.nameRoom div {
		float:left;
		width:128px;
		overflow: hidden;
		text-align:left !important;
}

.actDay {
    color: #000;
    text-shadow: 1px 1px #efefef;
}

.scale {
    width: 100px !important;
}

.tdCoverCal {
    position:relative; 
    width: 168px; 
    height:855px;
    background: url('../design/bg_calendar.gif');
}

.tdTherapy, .tdTherapyFull {
    position:absolute; 
    /*background: #BDE678;*/ 
    width: 168px;
    font-size: 90% !important;
    z-index: 2;
    overflow: hidden;
    line-height: 1.3em;
}

.tdTherapyFull {
    z-index: 101;
}

.wholeday {
    z-index: 1 !important;
}

.tdCoverCal a {
    color: #000;
}

.tdCoverCal a:hover {
    text-shadow: 1px 1px #fff;
}

.topmargin {
    width: 180px;
    height: 2px;
}

.tbScale {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
}

.tbScale td {
    height: 15px;
    width: 100%;
    min-width: 60px;
    font-size:70%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #858585;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.paddingL {
    padding-left: 0 !important;
}

@media screen and (max-width:1040px) {
    .paddingL {
        width: 80px;
    }
}

.buttonFocus {
    position: absolute;
    top: 13px;
    right: 2px;
    width: 14px;
    margin: 2px 1px 0 0;
    z-index: 102;
    cursor: pointer;
}

.detailCal {
    position: absolute;
    width: 100%;
    height: auto;
    padding-bottom: 2px;
    font-size: 80% !important;
    line-height: 1.3em;
    /*background: #BDE678;*/
    z-index: 1000;
    border-bottom: 1px solid #333;
}

.coverStatuscolor {
    /*float: left;
    width: 100%;*/
    margin-top: 10px;
}

.statuscolor {
    table-layout: fixed;
    float: left;
}
/*
.statuscolor td {
    width: 120px;
    height: 20px;
}
*/
.scL {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #333;
}

.scR {
    float: left;
    width: 100px;
    height: 20px;
    padding-left: 5px;
}

.tdLong {
    width: 200px !important;
}

.dashboard {
    background: #F2EEE1;
}

.dashboard td {
    text-align: center;
}

.dashboard td img {
    margin-right: 5px;
}

.plus {
    float: right;
}

.thDate {
    background: #E2EEE1;
}

.pdf {
	height: 23px;
}

.pdf2 {
	height: 30px !important;
}

.tdMiddle {
	vertical-align: middle !important;
}

#money {
	table-layout: fixed !important;
        width: 400px !important;
        margin-bottom: 20px !important;
}

.moneyDate {
    width: 100px;
}

.moneyThe {
    width: 400px;
}

.moneyPrice {
    width: 80px;
}

.moneyPac {
    width: 250px;
}

.closePrice {
    width: 20px;
}

.spacer {
    /*float: left;
    width: 200px !important;
    height: 20px;*/
}

table #terapeut {
    table-layout: fixed;
}

.td40 {
    width: 40px;
}

.td50 {
    width: 50px;
}

.td60 {
    width: 60px;
}

.td70 {
    width: 70px;
}

.td80 {
    width: 80px;
}

.td90 {
    width: 90px;
}

.td100 {
    width: 100px;
}

.td120 {
    width: 120px;
}

.td140 {
    width: 140px;
}

.td160 {
    width: 160px;
}

.td180 {
    width: 180px;
}

.td200 {
    width: 200px;
}

.td220 {
    width: 220px;
}

.td240 {
    width: 240px;
}

.td250 {
    width: 250px;
}

.td260 {
    width: 260px;
}

.td280 {
    width: 280px;
}

.td300 {
    width: 300px;
}

.td320 {
    width: 320px;
}

.td340 {
    width: 340px !important;
}

.tdMin {
    min-width: 240px !important;
}

#tdMin {
    min-width: 240px !important;
}

.faktura {
	position: relative;
	top: 40px;
	width: 190mm;
	min-height: 267mm;
	padding: 10mm 15mm;
	margin-bottom: 60px;
	border: 1px solid grey;
	background: #fff;
}

.blockProvider {
	float:left;
	width: 300px;
	height: 180px;
	padding: 5px;
	margin-bottom: 10px;
}

.logo_ac {
	float: left;
	width: 105px;
	margin-right: 10px;
}

.fakturaProvider {
	float: left;
	margin: 0 0 0 10px;
}

.fakturaSlogan {
	float: left;
	width: 300px;
	padding: 10px 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #A4241C;
}

.blockVar {
	float: right;
	width: 280px;
	height: 180px;
	padding: 5px;
	margin-bottom: 10px;
}

.blockBorder {
	border: 1px solid grey;
	height: 140px;
}

.fakturaThe {
    position: relative;
    table-layout: auto;
    border-collapse: collapse;
    margin: 0 auto 0 auto;
    top: 20px;
}

.fakturaThe td, .fakturaThe th {
    padding: 1px 10px !important;
    border: 1px solid grey;
    font-size: 90%;
}

.price {
    float: left;
    margin-top: 50px;
    width: 90%;
    height: 30px;
    font-size: 14px;
    text-align: right;
}

.fakturaFooter {
    position: absolute;
    bottom: 30px;
    width: 600px;
    height: 50px;
}

ul#list_of_item li {
    padding: 5px;
    cursor: pointer;
    min-width: 100px;
}

.wink {
	width: 18px;
}

/* TABLES */
#service, #fee, #feeas, #plan {
    min-width: 600px;
}

/* TABLES */
#tdrespo {
    min-width: 220px;
}

@media screen and (max-width:500px) {
    #tdrespo {
        width:220px;
    }
}

#rent {
    min-width: 700px;
}

#faktura, #donation, #cash {
    min-width: 800px;
}

#sale {
    min-width: 1050px;
}

#cost {
    min-width: 1300px;
}

.secondTab {
    margin-top: 20px;
}

#frompicker, #topicker {
    width: 80px;
}

.filterselect {
    min-width: 160px;
}

.capYear {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#output td {
   text-align: right; 
}

.firstCol {
    width: 320px !important;
    text-align: left !important;
}

.firstRow {
    background: khaki !important;
    font-weight: bold;
}

.firstColor {
    text-align: right !important;
    color: red;
    font-weight: bold;
}

.firstColorF {
    text-align: left !important;
    color: red;
    font-weight: bold;
}

.right {
    text-align: center;
}

.summary {
    font-weight: bold;
    font-size: 14px;
}

.mover {
	/*float: left;
	width: 100%;*/
	margin-bottom: 20px;
	text-align: center;
}

.coverDay {
    /*float: left;
    height: 878px;*/
		border:1px solid blue
}

.red {
    color: red;
}

.print {
	float: left;
	width: 210mm;
	min-height: 297mm;
	margin: 20px;
	background: #fff;
}

.coverButt {
    float: left;
    width: 95%;
    margin: 20px 0 0 20px;
}

.deco {
    text-decoration: underline;
}

.coverNews {
        font-size: 110%;
	float: left;
	height: auto;
	width: 60%;
	margin-left: 20%;
	max-width: 960px;
}

@media screen and (max-width:1000px) {
	.coverNews {
		width:90%;
                margin-left: 5%;
	}	
}

.itemNews {
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.titleNews {
	margin-top: 10px;
}

.pLast {
	padding-bottom: 10px;
}

.foto {
    width: 20px;
}

.contract {
        font-family: 'Arial', sans-serif;
        font-size: 14px !important;
	float: left;
	width: 190mm;
	height: auto;
	padding: 0 3mm 10mm 3mm;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

.part {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#part1 {
	margin-top: -30px;	
}

.semipart {
	text-align: center;
}

.closeContract {
	float: right;
	margin: -40px 0px 0 0;
}

#pagerPatient, #pagerDonation {
	float: left;
	width: 100%;
	height: 40px;
}

.closeContract {
    margin-bottom: 15px !important;
    background: #fafafa;
		border: 1px solid #ccc;
}

.fromdb {
		font-family: 'Arial', sans-serif;
		font-size: 14px !important;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
                background: #E2EEE1;
}

.sign {
		font-family: 'Arial', sans-serif;
		font-size: 14px !important;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
                background: #E2EEE1;
}

.sign1 {
	float: left;
	width: 70mm;
	height: 100px;
	margin: 10px 0;
	border-bottom: 1px solid black;
}

.sign2 {
	float: right;
	width: 70mm;
	height: 100px;
	margin: 10px 0;
	border-bottom: 1px solid black;
}

.usign1 {
	float: left;
	width: 70mm;
	height: 50px;
}

.usign2 {
	float: right;
	width: 70mm;
	height: 50px;
}

.partTitle {
    text-align: center;
    font-size: 18px;
}

.Table td {
    padding: 5px;
}

.calendarwork {
    table-layout: auto;
    border-collapse: collapse; 
    border: 2px solid #902b2b;
}

.calendarwork td, .calendarwork th {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
}

.calendarwork th {
    background: #902b2b;
    color: #fff;
}

.calendarwork td a {
    color: #902b2b;
}

.cumulate {
    background: #BDE678;
}

.costplan {
    background: #fff;
}

.detaildon {
    margin-left: 10px;
    font-size: 11px;
}

.in {
    margin-left: 5%! important;
    margin-right: 5%! important;
}

.terinfo {
	width:300px !important;
}

.actualCal {
	box-shadow: 2px 4px 2px grey;
}

.describes {
	float:left;
	width:840px;
	height:auto;
	min-height:100px;
	padding:0 20px 20px 20px;
	margin-bottom:10px;
	border:1px solid grey;
	background:white;
}

@media screen and (max-width:880px) {
	.describes {
		width:91%;
		padding:20px 4%;
	}	
}

.buttservice {
    padding:4px 8px;
    color:#000;
    border-radius:8px;
    background:#fff;
}

.buttservice:hover {
    text-decoration:none;
    color:#000;
}

.pressed {
    background:#BDE678;
    font-weight:bold;
}

.thWholeday td {
    height: 79px;
    font-size: 90% !important;
    z-index: 2;
    overflow: hidden;
    line-height: 1.3em;
}

.thWholeday td a {
    color: #000;
}

.therapy {
    margin-top: 10px;
    margin-bottom: 20px !important;
}

.therapy td, .therapy th {
    padding: 5px 10px;
}

.therapy th {
    background: #62DEF8;
    border-right: 1px solid #fff;
}

.tdTherapyDays {
    position:absolute; 
    height: 78px;
    border-right: 1px solid #000;
    z-index: 2;
    overflow: hidden;
    line-height: 1.3em;
}

.tdTherapyDayDays {
    min-height: 78px;
    border-bottom: 1px solid #000;
    z-index: 2;
    /*overflow: hidden; neni treba, pevna vyska*/ 
    line-height: 1.3em;
}

.scheduleDay td {
    height: auto !important;
}

.tasks td {
    border:1px solid #ccc;
}

.tasks th {
    border:1px solid #ccc;
    padding: 0 10px;
    background:#FFEFC1;
}

.mailtask {
    padding:5px;
    background: yellow;
    font-weight: bold;
}

.buttSign {
    float:left;
    padding-left:22px; 
    padding-right:22px;
}

.buttUp {
    float: right;
}

.colors {
    float:left;
    width: 50px;
    height: 50px;
}

.act {
    height: 26px;
    border-radius: 5px;
    background: green !important;
}

.act:hover {
    background: forestgreen !important;
}

.setting th {
    padding: 0 10px; 
}

.hcTitles h1, .hcTitles h2, .hcTitles h3 {
    font-size: 1.8em;
    color:#A4241C;
}

.hcTitles ul {
   margin-left: -15px; 
}

.hcTitles h2 {
    font-size: 1.5em
}

.hcTitles h3 {
    font-size: 1.4em
}

.test_expired td {
    padding: 5px;
    border:1px solid grey;
}

.linkUp {
    margin: 10px 0 0 118px;
    padding: 0;
}

.linkIn {
    margin: 10px 0 0 140px;
    padding: 0;
}

.linkPass {
    margin: 10px 0 0 70px;
    padding: 0;
}

#helpContent {
    z-index: 2000;
}

#helpTasks {
    z-index: 1900;
}

@media screen and (max-width:1000px) {
    #helpTasks {
        width: 95%;
    }	
}

.referat {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.referatItem {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.therapyButton button {
    margin-bottom: 7px;
    font-size: 110%;
    color: #fff;
}

.tableresult td, .tableresult th {
    padding: 5px 10px;
    border: 1px solid grey;
}

.helptasks {
    cursor: pointer;
}

a.linkstatus {
    color:#000;
    /*text-decoration: underline;*/
}

a.linkstatus:hover {
    color:#535353;
    text-decoration: underline;
}

.therdashboard {
    margin-bottom: 20px;
    background: #F2EEE1;
    box-shadow: 2px 2px 4px #858585;
}

.dashLay {
    float: right;
}

.success {
    background: green;
    font-weight: bold;
    color: #fff;
}

.success:hover {
    background: #090;
    color: #fff !important; 
}

.loading {
    position:absolute;
    top:300px;
    width:50px;
    z-index:10000;
    left:48%;
} 

.coverHp {
    position: relative;
    width: 1160px;
    margin: 40px auto 0 auto;
}

.tady {
    float: left;
    width: 357px;
    margin: 50px 10px 20px 20px;
}

.vcas {
    float: left;
    width: 357px;
    margin: 50px 20px 20px 20px;
}

.hpform {
   float: left;
   width: 360px;
   margin-bottom: 15px;
}

@media screen and (max-width:1240px) {
    .coverHp {
        width: 440px;
        height: 1070px;
        margin: 20px auto 20px auto;
    }
    .hpform {
        margin-left: 30px;
    }
    .tady {
        margin: 20px 20px 20px 20px;
    }

    .vcas {
        margin: 20px 20px 20px 20px;
    }
}

@media screen and (max-width:460px) {
    .coverHp {
        width: 98%;
        height: auto;
        padding: 0 0 0 2%;
        margin: 0;
    }
    .hpform {
        width: 100%;
        margin-left: 0;
    }
    .tady {
        width: 90%;
        margin: 20px 0 20px 7%;
    }

    .vcas {
        width: 90%;
        margin: 0 0 20px 7%;
    }
    .signInForm {
        width: 280px;
    }
}

.logo_rec {
    width: 50px;
    cursor: pointer;
}

.recommand {
    padding: 10px;
    border-radius: 8px;
    background: #fafafa;
    border: 1px solid #ccc;
    font-size: 1.2em;
}

.me {
    width: 80px; 
}

.helprec { /* up.latte */
    margin-top: 315px !important;
}

.noterec { /* up.latte */
    padding:0;
    margin: 10px 0 0 0;
}

.lisakinfo {
    float: left;
}

.colset td {
    border-right: 1px solid #ccc;
}

.cls {
    margin: 5px 0;
    font-size: 120%;
}

.cls a {
    text-decoration: underline;
}

.cls a:hover {
    color: #08BAE0 !important;
}

.affairs table {
    margin-bottom: 10px;
}

.affairs table td {
    padding: 2px 5px;
}

.affairs table td img {
    width: 18px;
}

.tdval {
    vertical-align: top;
}

.tdStatus {
    border-bottom: 1px solid #ccc;
    white-space: nowrap; 
}

.nowrap {
   white-space: nowrap; 
}

.cellphone {
    height: 36px;
}

.footer {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.mobapp {
    float: left;
    width: 100%;
    height: auto;
}

.mobapp img {
    float: left;
    margin: 8px;
    width: 240px;
}

.size110 {
    font-size: 110%;
}

#therapy td img {
    width:34px !important;
}

.helplink {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}