﻿body
{
	font-size: 13px;
	line-height: 20px;
	font-family: Tahoma, Sans-Serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: none;
}

div, p
{
	margin: 0px;
	padding: 0px;
	border: none;
}

td, th 
{
	font-size: 13px;
	line-height: 20px;
	font-family: Tahoma, Sans-Serif;	
}

input, textarea, select
{
	font-size: 14px;
    line-height: 20px;
	font-family: Tahoma, Sans-Serif;
	margin: 0px;
	padding: 4px 8px 4px 8px;
	color: #000000;
	border: 2px solid #c3c3c5;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
textarea
{
    font-size: 14px;
    line-height: 20px;
}

table { border-collapse: collapse; }

img { border:none; }

a { color:#df0126; }
a:hover { color:#1a181d;}
/*a:visited { color:#df0126; }*/

sup, sub { font-size: 9px; line-height: 9px; }

ul { padding: 0px 0px 8px 0px; margin: 0px; }
ul li
{
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 9px;
    background-image: url(Images/bckLi.png);
    background-position: left 7px;
    background-repeat: no-repeat;
}

ol { padding: 0px 0px 8px 0px; margin: 0px; }
ol li
{
    list-style-type: none;
    list-style-position: outside;
	padding: 0px 0px 4px 0px;
    padding: 0px;
    background-image: none;
}

h1, .h1
{
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
	color:#e10025;
	border: 1px solid #f5bec8;
    margin: 20px 0px 0px 0px;
    padding: 4px 20px 4px 20px;
	text-transform: uppercase;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 4px;
	background-color: #ffffff;
}

h2, .h2
{
	font-size: 20px;
    line-height: 26px;
    font-weight: normal;
    margin: 0px 0px 1px 0px;
    padding: 4px 20px 4px 20px;
	background-color: #e10025;
	color: #ffffff;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

h3, .h3
{
	font-size: 16px;
    line-height: 24px;
    font-weight: normal;
	background-color: #ffffff;
    margin: 0px;
    padding: 6px 20px 6px 20px;
	color: #1a181d;
	border: 1px solid #c4c3c5;
	border-bottom: none;
}

h4, .h4
{
	font-size: 14px;
    line-height: 21px;
    font-weight: normal;
	margin: 0px;
    padding: 0px;
    color: #333333;
    padding-bottom: 5px;
}

h5, .h5
{
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
	background-color: #ffffff;
    margin: 0px;
    padding: 4px 20px 4px 20px;
}

h6, .h6
{
	font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    margin: 0px;
	padding: 0px;
}

/* -------------------------------------------- vlastní styly ---------------------------------------------- */


.divMezera
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}

.spanOddelovac
{
	color:#a2a3a6;
	padding: 0px 4px 0px 4px;
}

/* ----------------------------------------- buttony --------------------------------------- */

.button
{
	font-size: 20px;
    line-height: 26px;
	text-transform: uppercase;
    display: inline-block;
	text-decoration: none; 
    color: #ffffff;
    font-weight: bold;
    border: none;
    cursor: pointer;
    background-image: url(/_Images/Default/bckBtnSipkaPrava.gif);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #df0126;
    padding: 6px 46px 5px 12px;
    overflow: visible;
    border: 3px solid #ffffff;
    vertical-align: top;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: 1px 1px 1px #b3b6bd;
	-webkit-box-shadow: 1px 1px 1px #b3b6bd;
	box-shadow: 1px 1px 1px #b3b6bd;
}
a:hover.button { color: #ffffff; }

.button:disabled
{
	background-color: #d1d1d1;
}

.button.zpet
{
	background-image: url(/_Images/Default/bckBtnSipkaLeva.gif);
	background-position: left center;
	padding-left: 46px;
	padding-right: 12px;
}



/* -------------------------------------------- layout ---------------------------------------------- */


#layoutBody
{
	margin: 0px; 
	padding: 0px;
	background-image: url(/_Images/Default/bckBody.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

#divLayoutBody
{
	width:926px;
	margin: 0px auto 0px auto;
}

/* ----- hlava ----- */

#divLayoutHlava
{
	margin: 20px 0px 16px 0px;
}


/* ----- obsah ----- */

#divLayoutObsah
{
	
}

.divUzsiRamecek { width: 650px; }

.divRamecek
{
	border: 1px solid #c4c3c5;
	border-top: none;
	background-color: #e8ecf5;
	padding: 16px 22px 16px 22px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.divRamecek h5
{
	margin: 16px -20px 16px -20px;
	padding: 4px 40px 4px 40px;
}
	.divRamecek h5 span { color: #df0126; padding-left: 8px; }

.divButtony { margin-top: 16px; }
.divButtony .pLevyButton { float: left; }
.divButtony .pPravyButton { float: right; }

.tblFormUskladneni 
{ 
	width: 100%; 
	margin-top: 15px;
}

	.tblFormUskladneni th,.tblForm td
	{
		font-size: 14px;
		padding: 3px 8px 3px 8px;
	}
	.tblFormUskladneni th
	{
		text-align: right;
		font-weight: normal;
		white-space: nowrap;
	}
	
	.tblFormUskladneni td
	{
		font-size: 14px;
		padding-left: 4px;
		vertical-align: middle;
		font-weight: bold;
		color: #555555;
	}

.tblForm { width: 100%; }

	.tblForm th,.tblForm td
	{
		font-size: 14px;
		padding: 3px 8px 3px 8px;
	}
	.tblForm th
	{
		text-align: right;
		font-weight: normal;
		white-space: nowrap;
	}
	.tblForm td { width: 100%; }
	.tblForm td input[type=radio]
	{
		vertical-align: middle;
		border: none;
		padding: 0px;
	}
	.tblForm td label
	{
		padding-left: 4px;
		vertical-align: middle;
	}

/*- tabulka kalendář -*/
.divKalendar
{
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	background-color: #ffffff;
	padding: 4px;
	margin: -4px;
}
.tblKalendar { width: 100%; }
	.tblKalendar th, .tblKalendar td 
	{
		padding: 1px;
		width: 14%;
	}

	.tblKalendar.cas th, .tblKalendar.cas td 
	{
		width: auto;
		white-space: nowrap;
	}

	.tblKalendar th span, .tblKalendar td span
	{
		display: block;
		padding: 4px 8px 4px 8px;
		border: 1px solid #dddfe4;
		color:#444444;
		background-color: #f2f5fa;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
	}
		.tblKalendar th span.obsazeno { color:#808281; }
		.tblKalendar td span
		{
			padding: 12px 8px 12px 8px;
			font-weight: bold;
			text-align: center;
		}

	.tblKalendar td a
	{
		display: block;
		text-align: center;
		padding: 12px 8px 12px 8px;
		font-weight: bold;
		border: 2px solid #91c77f;
		color:#269100;
		background-color: #fcfdfe;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
	}
		.tblKalendar td a:hover
		{
			border-color: #df0126;
			color:#df0126;
			background-color: #ffffff;
		}

		.tblKalendar td a.obsazeno
		{
			font-weight: normal;
			border: 1px solid #dcdee3;
			color:#808281;
			background-color: #f2f5fa;
			text-decoration: none;
			cursor: default;
		}

.divKalendarNavigace
{
	text-align: center;
	margin-bottom: 15px;
}

.linkPredchozi
{
	background-image: url(/_Images/Default/bckLinkSipkaPredchozi.png);
    background-position: left 3px;
    background-repeat: no-repeat;
	padding-left: 10px;
}
	.linkPredchozi:hover { background-image: url(/_Images/Default/bckLinkSipkaPredchozi_hover.png); }

.linkDalsi
{
	background-image: url(/_Images/Default/bckLinkSipkaDalsi.png);
    background-position: right 3px;
    background-repeat: no-repeat;
	padding-right: 10px;
}
	.linkDalsi:hover { background-image: url(/_Images/Default/bckLinkSipkaDalsi_hover.png); }

.Chyba 
{
	color: #df0126;
	padding-top: 10px;
}

/* ----- pata ----- */

#divLayoutPata
{
	clear: both;
	border-top: 1px solid #f5bec8;
	margin: 40px 0px 40px 0px;
}

#divLayoutPataLeva
{
	float: left;
}

#divLayoutPataPrava
{
	float: right;
}

.tblForm .Poznamka 
{
	font-size: 12px;
	padding-bottom: 10px;
	color: #333333;
}

#divPoznamky .tblForm td, #divPoznamky .tblForm th
{
	font-size: 12px;
	padding-bottom: 10px;
	color: #333333;
	vertical-align: top;
	padding: 0px 0px 0px 8px;
}

#divPoznamky .tblForm td 
{
	width: 745px;
	 padding-left: 15px;
}

#divPoznamky .tblForm th 
{
	
}

.tblForm strong 
{
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}