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

body, html { font-family: Calibri;}
html { overflow-y: scroll; }
body { background:url('../img/pozadi.png') repeat-x 0px 0px #d4d3d3; font-size:14px; text-align:center}

.prehled_stat {
	width:300px;
	margin:0 auto;
	font-size:16px;
	
}

/*prihlasovaci formular*/
.logo_vstup { width:406px; height:69px; margin:60px auto 100px; background:url('../img/logo.png') no-repeat; }
.vstup { width:260px; margin:0 auto; background:#86bde8; border:1px solid #36F; font-weight:bold;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:20px; text-align:left  }
.vstup label { display:block; width:220px; margin:0 auto; text-align:right; margin-bottom:8px; }
.vstup label input { margin-left:18px; border:none; border:0; padding:3px; width:125px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; padding-right:25px; border:1px solid white;}
.vstup label input:focus  {border:1px solid #666; }
.tlacitko_vstup { width:110px; display:block; background-color:#090; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	text-align:center; line-height:30px; vertical-align:bottom; color:black; text-decoration:none; font-weight: bold;
	height: 30px; cursor:pointer; position:relative; left:100px;}
.tlacitko_vstup:hover { color:black; background:#6C0; border-color:#060; }
.input_jmeno { margin-left:10px; background:url('../img/icon_jmeno.png') white no-repeat 133px 7px; height:25px }
.input_heslo { margin-left:10px; background:url('../img/icon_heslo.png') white no-repeat 133px 7px;  height:25px }

.logout { color:white; text-decoration:none; font-weight:bold; }
.logout:hover { color:inherit; text-decoration:underline; }
	

h2 { border-bottom:1px dashed #333; margin-top:40px } 

/*_____________________*/
.logo { width:406px; height:69px; position:relative; top:5px; left:8px; background:url('../img/logo.png') no-repeat; }
#kontejner { margin: 0 auto; width: 900px; }
#hlavicka { color:white; height:63px; margin-top:9px;}
#hlavicka div.info_hl { font-size:12px; position:relative; top:-70px; left:495px; width:400px; text-align:right; }

#navigace_hlavni
{
	float:left;
	width:880px;
	padding-left:10px;
	padding-right:10px;
	height:110px;
	margin-top:10px;
	background:#86bde8;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size:0px;
	border-bottom: 1px solid #3a739e;
}

.nav_hlavni
{
	display:inline-block;
	width:160px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	height:100px;
	line-height:160px;
	vertical-align:bottom;
	margin-right:4px;
	margin-left:4px;
	vertical-align:central;
	margin-top:10px;
	color:white;
	text-decoration: none;
	border: 1px solid #3a739e;
	font-weight:bold;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 1px solid white;
}
.nav_hlavni:hover { background-color:white; font-weight:bolder; color:black; }
.nav_hlavni_active { background-color:white !important; font-weight:bolder; color:black; }

.c_rezervace { background:url('../img/icon_rezervace.png') #3a739e center 20px no-repeat; }
.c_sett_ord { background:url('../img/icon_sett_ord.png') #3a739e center 20px no-repeat; }
.c_sett { background:url('../img/icon_sett.png') #3a739e center 20px no-repeat; }
.c_stat{ background:url('../img/icon_statistiky.png') #3a739e center 20px no-repeat; }

/*Varovani a dalsi hlasky*/
	.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
	.info { color: #00529B; background-color: #BDE5F8; background-image: url('../img/info.png'); }
	.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/success.png'); }
	.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/warning.png'); }
	.error { color: #D8000C; background-color: #FFBABA; background-image: url('../img/error.png'); }

.loader {
	width:16px;
	height:11px;
	position:absolute;
	background:url('../img/loader.gif') no-repeat center;
	display:none;
}
#dialog {
	display:none;
	
}
#kontejner-obsah
{
	float: left;
	width: 900px;
	background: #fff;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#obsah
{
	clear: left;
	float: left;
	width: 860px;
	padding:20px;
	margin: 0 auto;
	display: inline;
}
#paticka
{
	clear: both;
	text-align: center;
	height: 30px;
	color:black;
	font-size:10px;
}
#paticka a {
	color:black;
	text-decoration:none;
}
#paticka a:hover {
	color:black;
	text-decoration:underline;
}
/*NASTAVENI*/
/*---------*/

/*ordinacni hodiny*/
table.ord_hodiny{
	width:400px !important;
	margin:20px auto !important;
}
.input_ord_hod {
	border:none; border:0; padding:3px; width:50px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #CCC; text-align:center; margin-left:2px; margin-right:2px
}
.input_ord_hod:focus {
	border:none; border:0; padding:3px; width:50px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid black; text-align:center; margin-left:2px; margin-right:2px
}
.ord_error {
	 border:1px solid red;
}
.pridat_ord {
	margin-left:460px;
	width:160px;
}


/*dovolena*/
.input_dovolena {
	border:none; border:0; padding:3px; width:80px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #CCC; text-align:left; margin-left:2px; margin-right:2px
}
.input_dovolena:focus {
	border:none; border:0; padding:3px; width:80px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid black; text-align:left; margin-left:2px; margin-right:2px
}
#prehled_dovolene table {
	font-size: 12px;
	background: #fff;
	margin:0 auto;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#prehled_dovolene table th {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 8px;
	padding-left:15px;
	border-bottom: 2px solid #6678b1;
	cursor:pointer;
}
#prehled_dovolene table .horni {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 8px;
	border-bottom: 2px solid #6678b1;
}
th.header { 
    background: url('../img/bg.png') left center no-repeat;  
}
th.headerSortUp { 
    background-image: url('../img/desc.png'); 
	font-weight:bold !important;
} 
th.headerSortDown { 
    background-image: url('../img/asc.png');
	font-weight:bold !important;
} 
#prehled_dovolene table td {
	border-bottom: 1px solid #ccc;
	color: #333;
	padding: 6px 8px;
}
#prehled_dovolene table tr:hover td {
	color: black;
}
#prehled_dovolene table td a{
	color:black;
	text-decoration:none;
	background:url('../img/icon_smazat.png') no-repeat left;
	padding-left:20px;
}
#prehled_dovolene table td a:hover{
	text-decoration:underline;
}


/*NASTAVENI REZERVACI*/
#nast_rezervaci {
	width:450px;
	margin:40px auto;
	overflow:hidden;
}
#nast_rezervaci label {
    display: block;
	width:380px;
	margin-bottom:20px;
	line-height:20px;
	vertical-align:bottom;
}
#nast_rezervaci label span {
    float:right;
	color:#666;
	font-style:italic;
	margin-left:5px;
}
#nast_rezervaci input.cl1 { border:none; border:0; padding:3px; width:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #CCC; text-align:center; margin-left:2px; margin-right:2px; float:right
}
#nast_rezervaci input.cl1:focus { border:none; border:0; padding:3px; width:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid black; text-align:center; margin-left:2px; margin-right:2px; float:right
}
#nast_rezervaci input.cl12 { border:none; border:0; padding:3px; width:140px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #CCC; text-align:left; margin-left:2px; margin-right:2px; float:right
}
#nast_rezervaci input.cl12:focus { border:none; border:0; padding:3px; width:140px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid black; text-align:left; margin-left:2px; margin-right:2px; float:right
}
.save {
	margin-right:70px;
	float:right;
}
.nastav_r {
	width:350px;
	margin:0 auto;
}

/*REZERVACE AKTUALNI*/
/*dovolena*/
table.prehled {
	font-size: 14px;
	background: #fff;
	margin-left:-1px;
	width: 860px;
	border-collapse: collapse;
	text-align: left;
	margin-top:20px;
}
table.prehled th {
	font-size: 14px;
	font-weight: normal;
	padding:8px;
	color: #039;
	border-bottom: 2px solid #6678b1;
}
table.prehled .horni {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 8px;
	padding-left:15px;
	border-bottom: 2px solid #6678b1;
}
table.prehled td {
	border-bottom: 1px solid #ccc;
	color: #333;
	padding: 6px 8px;
}
table.prehled tr:hover td {
	color: black;
}
.zrusit_rez {
	background:url('../img/icon_smazat.png') no-repeat left;
	padding-left:20px;
	color:black;
	text-decoration:none;
}
.zrusit_rez:hover {
	text-decoration:underline;
}
.upravit_rez {
	background:url('../img/icon_upravit.png') no-repeat left;
	padding-left:20px;
	color:black;
	text-decoration:none;
	margin-left:10px;
}
.upravit_rez:hover {
	text-decoration:underline;
}
.poznamka_rez {
	display:inline-block;
	width:25px;
	height:20px;
	background:url('../img/icon_poznamka.png') no-repeat center;
}

/*tabulka hodin*/
table.tabulka_hodin {
	width:860px;
	border-collapse:collapse;
}
table.tabulka_hodin td {
	padding:0px;
}
.tabulka_hodina {
	display:inline-block;
	width:14px;
	margin-right:-1px;
	height:22px;
	overflow:hidden;
	border:1px solid black;
	font-size:11px;
	text-align:center;
}
.detail_dne {
	display:inline-block;
	height:22px;
	padding-top:4px;
	width:100%;
	padding-left:5px;
	margin-right:7px;
	margin-top:-9px;
	cursor:pointer;
	color:black;
	text-decoration:none;
	background:url('../img/icon_lupa.png') 130px 4px no-repeat;
}
.detail_dne:hover {
	background:url('../img/icon_lupa.png') #E2E2E2 130px 4px no-repeat;
}
.detail_dne_aktiv {
	display:inline-block;
	height:22px;
	padding-top:4px;
	width:100%;
	padding-left:5px;
	margin-right:7px;
	margin-top:-9px;
	cursor:pointer;
	color:black;
	text-decoration:none;
	background:url('../img/icon_lupa.png') #E2E2E2 130px 4px no-repeat;
}
.icon_den {
	height:20px;
	width:20px;
	background:url('../img/icon_den.png') no-repeat 0px 0px;
	float:left;
}
.aktualni_cas {width:14px;height:7px;background:#FF0;margin-top:0px}
.casDnesek { background:url('../img/icon_ted.png') no-repeat center;
display:inline-block;
width:15px;
height:25px;
}
.plno, .volno {
	text-decoration:none;
	color:black;
}
.neni {background:#CCC; cursor:default;}
.neni_d {background:#999; cursor:pointer;}
.plno {background:url('../img/icon_pacient.png') no-repeat bottom red;}
.volno {background:#6C3;}
.volno:hover {background:green;}
.edituju { background:url('../img/icon_pacient.png') no-repeat bottom #036 !important; color:white}
.prehled_tydnu {
	text-align:center;
	margin-bottom:15px;
	font-size:16px;
}
.prehled_tydnu div {
	display:inline-block;
}
.prehled_stred {
	width:350px;
	ext-align:center;
	line-height:25px;
	vertical-align:top
}
.zpet_nejde, .vpred_nejde {
	height:25px;
	width:35px;
	text-indent:-9999px;
	display:inline-block;
}
.zpet, .vpred {
	height:25px;
	width:35px;
	text-indent:-9999px;
	cursor:pointer;
	display:inline-block;
}
.zpet {
	background:url('../img/icon_zpet.png') repeat-x right;
}
.vpred {
	background:url('../img/icon_vpred.png') repeat-x left;
}


/*rezervacni form v kalendari*/
#rezervaceForm  {
	padding:8px;
	width: 380px;
	color: #039;
	border-bottom: 2px solid #6678b1;
	padding-bottom:15px; 
	margin:0 auto;
	}
#rezervaceForm div.innnr { width:49%; display:inline-block; vertical-align:top; }
#rezervaceForm label {width:220px; height: 40px; display:inline-block;}
#rezervaceForm input.in { display: inline-block; border:none; border:0; padding:3px; width:175px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #999;}
#rezervaceForm input.in:focus  {border:1px solid #666; }
#rezervaceForm input.in2 { border:none; border:0; padding:3px; width:75px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #999;}
#rezervaceForm input.in2:focus  {border:1px solid #666; }
#rezervaceForm sel { display: inline-block; border:none; border:0; padding:3px; width:75px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border-radius: 5px; font-family:inherit; border:1px solid #999;}
#rezervaceForm sel:focus  {border:1px solid #666; }
#rezervaceForm .btn_rez { margin-top:15px; }
.container_rezervace {
	width:584px;
	margin:0 auto;
	height:40px;
	font-size:16px;
	font-weight:bold;
	color:black; 
	line-height:40px; 
	vertical-align:middle;
	text-align:left;
}



#form_dovolena {
	width:450px;
	text-align:center;
	margin:0 auto;
}
h3 {
	display:block;
	margin:10px auto;
	width:550px;
	text-align:left;
}