@charset "UTF-8";
/* 
 * Zakladni kaskadovy styl pro WebCall
 * @author Tomas Valek <valek@kadlecelektro.cz>
 * Styly jsou koncipovane pro zobrazeni na vsech zarizenich. Primarne jsou pro mobilni zarizeni, na konci je @media, kde se web doladi pro vetsi rozliseni.
 * @colors:
		#333333 -- cerna pro pismo

	font-sizes:
		0,
		100%,
		
*/

.none		{display:none !important}
.block		{display: block !important}	/*!important nutny*/
.visible	{visibility: visible}
.hidden		{visibility: hidden}
.noTopMargin{margin-top:0}
.bold		{font-weight: bold}
.clear		{clear: both}
.gray		{color: gray}
.width6em	{display: inline-block; width: 6em;}
.width10em	{display: inline-block; width: 10em;}

body {
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;	/*Helvetica vypada stejne na WIN/LINUX*/
	margin: 0 auto;
	margin-bottom: 2em;	/*konec stranky nebude nalepen na okraj prohlizece*/
	color: #333333;								/*editovatelne pres nastaveni pobocky*/
	background-color: white;					/*editovatelne pres nastaveni pobocky*/
}

img {
	border: 0 none;
}

h2 {
	font-weight: 500;
}

/*LOGO*/
#officeLogoImage {
	max-width: 100%;		/*omezit velikost loga na velikost nadrazeneho tagu*/
}
#officeLogo {
	text-align: center;
}

/*Odkazy*/
.link {
	color: #333333;
	text-decoration: underline;
	cursor: pointer;
}

#content {
	width: 98%;		/*100%-2x1%padding*/
	padding: 0 1%;
}

hr {
	height: 1px;
	color: gray;								/*editovatelne pres nastaveni pobocky*/
	clear: both;
	background-color: gray;						/*editovatelne pres nastaveni pobocky*/
	font-size: 0;
	border: 0;
	margin: 15px 0px;
}

#clear {	/*Specialni div, ktery pomaha pro spravne vykresleni elementu hr v ruznych pripadech*/
	clear: both;
}

/*(napoveda)*/
#helpTel {
	color: gray;
}

/*Najeti kursorem na napovedu*/
#helpTel:hover {
	cursor: pointer;
	color: #333333;
}

#helpTelText {
	display: block;
	color: gray;
}


/*FORMULARE*/
input[type="tel"],[type="text"], input[type="password"], input[type="email"], select, input[type="date"], input[type="number"] {
	box-sizing: border-box;					/*Hodnota border-box znamena, ze se jako sirka a vyska chapou rozmery prvku vcetne border a padding. Zpusobi stejne siroke formulare*/
	min-width: 30%;
	padding: 9px 5px;
	padding-right: 25px;
	border: solid 1px gray;
	outline: 0;
	color: #333333;
	background-color: white;
	box-shadow: 0px 0px 8px silver;			/*pure CSS3, no Opera*/		/*editovatelne pres nastaveni pobocky*/
}

input:hover, input:focus, select:hover, select:focus { /*Zmena ramecku formulare po najeti/kliknuti*/
	border-color: black;
}

/*V pripade chyby ve formulari, jquery validate nastavi tridu error input-u a label-u*/
input.error { /* -> podsvitime chybny prvek formulare cervene*/
	background-position: right 10px center;	/*10px z prava; center*/
	background-repeat: no-repeat;
	background-size: 0.8em;
/*	background-image: url(../graphics/error.png);*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAGYktHRAAAAAAAAPlDu38AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeDAsNIjEIpWi2AAACuElEQVRYw82XS2gUQRCGv1mTzRpNUFxfRIMPAoJGhWjUBD0JkouegnhVBPGiB8EHiIh6ULwJ5uhBBMGDCAHx4Em9eDKIIGhEwYiiIAomWfL4PTgTm6Vnt2d6srsNRc8u9VfX/FVdVQMeS//3guCqYEIwKbgkKNAoSzAsUJk8EeRUR6ei/YTFOQlmBYdM3Xo5+C7GQQk+1ju0Rys4F8n5urAnaBFMOzj4VdCaNsy5NKDg33YMWOCgvhIYDGqdi4LvDuzNCbVkUHAFKCbEXFaNcq8o+JmEvVC+pSk5uSTOhbl3BFhiURkFhoBb2MvLCsGFYJ4ZLMSw81mw3NBrF3yw6E0LVms+QhvuQzEOHrRgtsboXsy8u4S51yr45XJDjTo5btGfFOTnI7w3kpSQ8IVKMZh7WbO3psoN3WHBFSvolwQd8r3Fxs09V8XOXst/uyvo54HTmXQXwULBTBUGH1pw1xxqYzGLED9yOGjUgnvmgHugtCyGwM2CKZcuIWgtw0844CYFSxPnoJF7p4Amh/cpAG0GPo/bN0lL2H1SMbg+QZ8tCboM7KaEfbpHrgwaincTvE8eWGz8XpuQj7NxNzpnG0YFG4BdCQ9ZZzx3JMQOCjqDBHXwtmPumavLeF6VIquGbT26yRLiPuBAigN6BXuAZmB7Cny3oDeAl5XKSiB4mmIYjUap8VCmUtp4XHHSEWxMaTiSsVB8bPRUKi3vPQwfF3SGctLDzoigyTbDDXgYvVMeGsH1lLZmBdvm7BnT8gsPBwuWfM47DBlx8rqcvf0+eWNhL5qCfnvYPRwZaxZ88UzsAYuT3Z42RyJD+8K4+xj7ZIZZ0JbBbZagLxDcJ6LTb/0BbgIzwBmgPQObrwLBD2AZDbpywCIaeOWA5w3s31gg2Elcg67/2hLdun7Bm/AbQXWWkuCtoB/gL5QrYedfyKLFAAAAAElFTkSuQmCC');

}

input.valid {
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size:  0.8em;
	/*background-image: url(../graphics/okGreen.png);*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYFDR8mgK0Z+AAAAn1JREFUWMPNmD1olEEQhp+LAYOKJjGCYooIQU4R7aJWgmkE8QqxU1AsjIKFIFY2phAhlaAgKITgT2MV0WiKBAmSoCAIdkFUBBEFQ/xBNEZ9LW7jt9nsnoH77nZvivuO2/14mNl3ZnYghY8W/G5H3EfsSAtONCGOIj4hhBhJCa4D0W/AhHiMWJYKXJcBmrPriFXx4UQj4gBiyoDNGLiWFOCaEWcsr80iLiKWe4VTF7AMrhNxxYIT4nJcuPliuOvA3UCsTAFuG2IU8ceCe4JYEwduPugGxITjuWeIYjy47My1IR45cB8Rm1OAW+qB+4HYEx+u/DzmwAlxEtGYQoUY9cBdilvCMrg7iN8O3BiiI9jF1NFz15xUIsQ7RCmFXHcM8dkjit4U4PYi3nvO3b0UztxGUxVce4Voq957qmpvM2LAANln73v1+W7hfaAFsQXR9N8XZ8m41+M5Ic6Z/wt5hGgFogdxEzGOuIrYFITM4EoexQrxELEkH1GIIuK2CYlt44h2jxjmvtcj3nrgviG256NasRvxPBAiIQYr7B0M7DmbXykTp6wX+0I1i9hndcUF83wa8cuz/gFibX45r9wKlRAvKnjxqbNnK+K1Z90UYn9tSpnoRnwIAH5BHLTW3gp4ewDRULuKUQ5byIbNmsOI6UBC7qp1NViNGAoAvjR3WJ8wZhB9te1SstTRg/gaEMu0gXHtDaK1nnV1pEKoXfuJOFGfTiXz4hEjjMXYZIzOpBUxuUjAQ/Xt8zIvXvC07K5NxOzvOj2dsWu74nbJ5YtPyIZSGFd0B1TbbzxcgLiADSZB28n6+L8xWRLzY3HemkLt9M77IoMWEcOIdTEu3H8BU+rT7tmVx6kAAAAASUVORK5CYII=');
}

label.error { /*-> zleva odsazeni, text se vypisuje zprava prvku formulare*/
	margin-left: 1%;
}

#error { /*Element, do ktereho vypisujeme text, pokud zachybuje SOAP*/
	color: red;																	/*editovatelne pres nastaveni pobocky*/
}

span.ok, span.storno, span.back, span.monitoring, span.print {
	background-position: right 10px center;	/*10px z prava; center*/
	background-repeat: no-repeat;
	background-size: 1.250em;
	padding-right: 40px;		/*10px z leva obrazku + 20px velikost obrazku 10px z prava obrazku*/
}

/*Storno krizek*/
span.storno {
/*	background-image: url(../graphics/storno.png);*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADE0lEQVRYw82YQYhOURTHf+/NjGmMQVOGBVPYULJQ05ihYaWsTErZTjZSigVNKSVJyUZkwZKFBUImNc1iookoY8qSUMrUiNSQMvOezbl1ut677977fU9z6vR93e975/3vOed/7jkXqiUFWuR7F3BbracsATFA2oE5IAfaWCKSyOdaYFbA5UC/+i3GXlLyHdtu6mFsDfBBQBrpF6ChIHP1zhxoBTpkLVHrXnZN3k0Dmajx4PMGI3MIGANmgM/AK2C0yINVckmBsnWTZ/7qEO4C3jpsTgGdviBXAd8cxp545lwiQB+rKNgRydX6jIqeUwYc4BaBeWC1AkBJoncDLxSAvAScXh/xAXjdAdAYuunImxRYDnxyAHJpR1WdPeLYrQ7RgGXI1M1u4GMEMKMnqkK9xdPQa+VFQ4o2SXif5/VmZ4EbwGEhVEMk0XrNAvkswmNnJKya9WkVAx8V5F2ZB4bkubOBwN5JmtgES6vKTQKsUKzNPEI1HAhuWtIhjTk6zQPnAliYBfz3lgph0khn1KW6mGbpvWZ3Nb2RtaxIJ3xPitBwn6ogi49O1t0fXhHCxALsqatpTdXneCS4vv/RXds9oi+4sYLO2XveiJGvgS/bDays03N696cjyfIH2F738LQ3Mv8yRa7NsSdHlQe3Ar8iWZwpXQCON5O9AOuBH00s1jnwUE2KUQRqEYAbgN9NBmd0Xk1zUewekibSpwnIJAV8CaT/MwdcttquwlnCuDoHDgJ3Awf0PcA2aWDzwDK2qOrsJPBeZuZ/ZFAG6dD26byyMRxJoMwi4VGkNu0DjskJEVrjMtlpu0WsQeBnA/n50uz2QMlu8oA8WmcVdDPZ9QBfIkvTDh3WKY/ZoyzBRwpmCazBfTwwZU4WceR7wE7N/65WXPjo+jaqZhsX0AdFhlrFpSEheKo6nKTiLtB4dSNw32HzYtVZu1OKclk+Zg12xuY9fcAd4I2UkwkpUV4FulcN7EXgLhR0OLHH6DJhf+ozp+iXdcoAbsrOglyf7S9pwWKaj6L7wygjPuu1SavHXbLrjrl2+Qs+K5NQ50fYWQAAAABJRU5ErkJggg==');
}

/*OK fajfka*/
span.ok {
	/*background-image: url(../graphics/ok.png);*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACSklEQVRYw83Yz4uNURzH8dfMaPz+0bCZBRv5VSLKSkoTFkqoWbEiKcTCggXKhtSslPwB02xsZhaSBcVSyUIWTGwwEa4fZZLGzH0snFunp/OMu7hz7zl1eu7tOafzfj7n++sc8mzd6ENPTlBd4bkM5zGFgdzg9uEeCnzC3lzA4CI+Brhx7Ahb3fHWh1uoB7i3WJPL1m7CkwBW4CVW5wI3gDcR3FOsy8Xm9uN9AKvjdVAzi/h2OHKGAl+wMwe4eTgbwkcD7iv25AC3AFfwPYL7iYOJcNMRu7uE6QiuHrJFFqnsZATW6HexIge4Ywm48RzCCRwo2VyBP9iYA9zWoFQRpbACu3NwilW4H8E1AK8Hp+hoAdCD4YRyz9GfQwobSSg3hS052N3l4AT1koLHW61ENxZhYfR/ttwKu1BLhJTHrYJqbNFaHA1GPobBJrxuCR4l4D5gfiudYhDPEgudqYBsLDycmDPV5Mc17XlHMJlYqB4qjm0Vc89VzBltpXJLQ9ldL4WGuI8k5vXjc2JsLZhKS4vIlbgRFphJLPojygLQG1RKfcyFuQwVV2eBvBmMvguHQkgpj3nYjnj2oEKZX1geQtCLijFtKQQ2VKhT4DROVby71q5c2xPZY7lPlEqohmO9i9RrS6WyNToWFonkH/dpDHUit96pACpD18L1xZydU6vaKH43kSZv41unKpSJ/yhY63R9V5XKGr9P5FDnpeBmQpWcxdFxqAQ5GeyuN5drsvUR3KsQqLNqi/27WBzD5hyOjalbqe0hD7cd7C/ixQeOGTNBcwAAAABJRU5ErkJggg==');

}

/*Zpet*/
span.back {
	/*background-image: url(../graphics/back.png);*/

	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABmJLR0QAhwCGAIT16Pf2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goPDQcgisT6VAAAAktJREFUWMPN2E+ITWEYx/HPGVMmIRKm/CtNEVHssBArWY0dJWVhhcSKKCV/FiKlUGyUf4tJGlkoKQvFipSFsNJolCgxGneua/NenW5n7jnn3jv3nKee1Xnf93zP877v73nOQz7rwWYcUULrxU5UcKNbL+3JOG4mDuFuAP1TpsgtwjXUYn61LHCr8aQBroYr3TxXk9kG3MLyhGd/iwbcjevom+T5MuzAQkTB4xY1nPOP+Byi/wG/2oE+HSJUa+JVTIQbXQmXphLmTebV2Lz3OIN5ecBm42YKWKe9ghOYlaYoAxjuMlzcv2MQ05PgtuBlgXBxP4+5jYAXSgJX9zshMYBpeBsO8caSaO8a9Icj999m4CDGShTJ7Un0WzFSEsAvEgQWFuMR1jbZhroW5rEoSEmUY86eqEmVcy9ki6RsM4ST4Qw3gidllAmsD+XaJszJCDqcNuAoviWE/2Ibl2AdnmXc5pEsCw7iXcPES23e1IGgHmmAo3m++mEHAeEwxlMAcxXG/TgVJl7uAOCqUDQ0jWJvjgVHcTZs98oOAH7F75QxY60sHCXc3lZsAd6kFRE9LSzcigZO+V/dVFhUdsD5oQZoZuNFAm7D0pQxlaLgViSIf5K/LgJuSY4K/kHuQ9uG9eFA0NOsJde+xkWOZ0g/3fSoyEuSZudQKyvgp1BvKiPgT+ytS0zZAKuh0/C0DJkkqWN2LNaLTG2/dcNqQd4q2BV0r1qWXFzX3qHwJ3k/qUrqLWgrI7zCfrzI28CMt8Z+BK91MGKPcRvPs0z4B1yBsBeMrZ53AAAAAElFTkSuQmCC');
}

/*Monitoring*/
span.monitoring {
	/*background-image: url(../graphics/monitor.png);*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAoCAYAAAC8cqlMAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADWcAAA1nAGFzqgEAAAAB3RJTUUH3goRCAAKqDNHAgAAANFJREFUWMPt2TEKwjAUxvF/NCoojoJX8C528ibiNbyOV3B3d3UUxEVQGqdAzFgjSeoXCDQphffL62shMYCjB21AT5oNrqcVZmcM3ABMELwBZsC8EsQdeAEPP+ECzC4Yl963wMSPa64R18tiF0QQQQQRRBBBBBFEEEEEEUQQQQQR5K8hw4pi/4jVRjcPwJXyN7MNcIwnfNAL6tyNv8SQqpsF2kI+Fu2379qo47PPxNlcAecc2dyQ9rxjn+s/0iRemHWu+jqR/hQqS0aWP1icrvXKG2dBbLu9eDxoAAAAAElFTkSuQmCC');
}

/*tisk*/
span.print {
	/*background-image: url(../graphics/print.png);*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffBhcNHCC483AaAAABqElEQVRIx+1WO0sDQRD+Zi8XJJcHkoSooEL6YGcjFrZBbDRolc5CRPRf2Nim8g8IVhaiYClIjEowRO0MKiJRESRv77y1SGLMXTB7ekWKzDY7w+y389iZWUI7BdiL/AphUhXd9bvGqJKBBVJSRgkz6UhWAM3aDDZTH7AP2AuADgOvQVoZeHKKHXby/Y4GzUo1xpuLisRJF17F1klJwxwAxNxpu9z1ZxAFy3GyCzDO8MlIJm4XoMrBmK7bl2G5lWVOgRn1H9C+6kOy7dlExt8OqfJ3wFIVocaW7u1x9xJAnMBtq5SJfrfpHcCwqX21FR4n34amicORfpv4wQEgKaeFp/hJQxQZu8kOb3Lh30N+TW0+aEzjGOBAzJXc9jSFC15H1lLELlr7lOI/wJIDu+Xg8p1zsC7cA6UAYOTI1MuNzlYeo4DOnd8hm3zHFnaMel752lJOzrvNFFc9Se6PrhaWCh6RIdUQFgXGVAh5UUANcqLbP5Fq+XVhCwF11a653AzladcYlkvTIhcMyVfAmZAtaaEsAwAWTRXaieY7W27gg/RMBfGI6S6jSV+h5oR7oGQgPgAAAABJRU5ErkJggg==');
}

/*TLACITKA*/
.bigButton {
	display: block;
	/*width: 40%;*/

	padding: 15px;
	border-radius: 4px;
	color: black;							/*editovatelne pres nastaveni pobocky*/
	border: 1px solid silver;				/*editovatelne pres nastaveni pobocky - stejne jako v bigButton:hover*/ 
	margin: 1% 0;
	text-align:center;
	margin-right: 0.5%;
	font-size: 100%;						/*element "a" a input se lisily ve velikosti pisma*/
	text-decoration: none;
	background-color: white; 				/*editovatelne pres nastaveni pobocky*/
}

.bigButton:hover {
	cursor: pointer;
	color: black;							/*barva textu po najeti kurzorem*/ /* editovatelne pres nastaveni pobocky*/
	transition: all 150ms ease-in 0s;		/*Internet Explorer 10, Firefox, Opera, and Chrome.*/
	box-shadow: 0px 0px 8px gray;			/*pure CSS3, no Opera*/			/*editovatelne pres nastaveni pobocky*/
}

/*Tlacitko disabled*/
.bigButtonDisabled {
	opacity: 0.5;
}

/*Tlacitko disabled po najeti kurzorem*/
.bigButtonDisabled:hover {
	box-shadow: none;
	cursor:not-allowed;
}

/*Tlacitko, ktere uzivatele navadi, je podbarveno zelene*/
.bigButtonActive, .bigButtonActive:hover {		/*hover z duvodu prepsani hover jine barvy*/
	box-shadow: 0px 0px 15px green;				/*pure CSS3, no Opera*/	/*editovatelne pres nastaveni pobocky*/
}

/*Menu s tlacitky*/
#buttonsMenu {
	padding: 15px 0px;
}

/*Radek s cinnosti a pripadnym odkazem bude mit 50% stranky*/
.activityRow {
	text-align: center;			/*vycentrovani na radku*/
	margin: 1% auto 0 auto;
}

.activityRow img {
	width: 1.5em;
	vertical-align: middle;
}

.activityRow .actIco {
  width: 48px;
  height: 48px;
}

.activityRow .group {
  margin-left: 74px; /*74px = 49 velikost obrázku + 15 odsazení s obrázkem + 18 margin-left activity -7 stín*/
}

.selectActivity {
	width: 40%;
	display: inline-block;		/*prvek se zobrazi jako kus radku bez zlomu na konci, jdou mu nastavit rozmery*/
	margin: 0 auto 0 2%;		/*odsazeni 'i' od cinnosti zleva*/
}

/*Zvetsi rozptyl box-shadow pri najeti na cinnost*/
.selectActivity:hover {
	box-shadow: 0px 0px 30px green;			/*editovatelne pres nastaveni pobocky*/
}

/*KALENDAR*/
.freeDay a { /*Zvyrazeny volny termin*/
	background: #71DB5C !important;			/*important musi byt*/				/*editovatelne pres nastaveni pobocky*/
	color: #333333 !important;				/*cerna barva fontu*/				/*editovatelne pres nastaveni pobocky*/
}

.fullDay span { /*Zvyrazneny termin, ktery je zaplnen*/
	background: #DB5C71 !important;			/*important musi byt*/				/*editovatelne pres nastaveni pobocky*/
	color: #333333 !important;				/*cerna barva fontu*/				/*editovatelne pres nastaveni pobocky*/
}

.ui-state-disabled.fullDay {				/*Dny, ktere jsou plne nejsou polopruhledne*/
	opacity: 1 !important;
}

a.ui-state-active { /*Zvyrazneni vybraneho dne*/
	background-color: yellow !important;										/*editovatelne pres nastaveni pobocky*/
	color: #333333 !important;				/*cerna barva fontu*/				/*editovatelne pres nastaveni pobocky*/
}

/*LEGENDA*/
#legend { /*div s legendou*/
	margin-top: 2%;
}

#legend table tr td:nth-child(2) { /*odsazeni legendy od barevnych ctverecku*/
	padding-left: .5em;
}

.legend {							/*sirka legendy*/
	width: 1.5em;
	border: 1px solid black;
}

.legendFreeDay {					/*barva pro volny den*/
	background-color: #71DB5C;													/*editovatelne pres nastaveni pobocky*/
}

.legendSelectedDay {				/*barva pro vybrany den*/
	background-color: yellow;													/*editovatelne pres nastaveni pobocky*/
}

.legendFullDay {					/*barva pro plny den*/
	background-color: #DB5C71;													/*editovatelne pres nastaveni pobocky*/
}

.legendUnavailableDay {				/*barva pro nepristupny den*/
	background-color: #F6F6F6;
}

/*CASY*/
#selectTime {
	margin-top: 2%;
}

.time {								/*Jednotlive casy*/
	min-width: 5%;
	color: #333333;																/*editovatelne pres nastaveni pobocky*/
	margin: 2px;
	padding: 3px;
	float: left;
	border: 1px solid black;													/*editovatelne pres nastaveni pobocky*/
	text-align: center;
}

.timeFree {
	background-color: #71DB5C;													/*editovatelne pres nastaveni pobocky*/
}

.timeSelected {
	background-color: yellow;
}

.timeFull {
	background-color: #DB5C71;													/*editovatelne pres nastaveni pobocky*/
}

.timeFree:hover {
	cursor: pointer;
	box-shadow: rgba(0,0,0, 1) 0px 0px 1px;				/*pure CSS3, no Opera*/
}

/*OBJ FORMULAR*/
#order {
	margin-top: 2%;					/*Odsazeni od casu*/
}

/*LOADING*/
#loading {
	display: none;		/*defaultne skryte*/
	position: fixed;	/*musi byt*/
	width: 100%;		/*sirka kruhu*/
	height: 100%;		/*vyska kruhu*/
	z-index: 1000;		/*z-index=vyska prvku na ose z funguje pouze u pozicovanych prvku (relative, absolute, fixed)*/
	top: 0;
	left:0;
	opacity: 0.8;						/*Modalni okni je pruhledne*/
	color: black;						/*Barva textu v madalnim okne*/
	background-color: white;			/*Barva pozadi modalniho musi byt na konci*/
	cursor: wait;
}

#loading div {
	position: absolute;		/*absolutni pozicovani*/
	width: 70px;			/*sirka kruhu*/
	height: 70px;			/*vyska kruhu*/
	top:50%;				/*shora na 50%*/
	left:50%;				/*zleva na 50%*/
	margin:-35px 0 0 -35px;	/*posunuti do absolutniho stredu -height/2 0 0 -width/2*/

	border-radius:50%;
	border-top: 2px solid rgba(0, 0, 0, 1.0);
	border-right: 2px solid rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	border-left: 2px solid rgba(0, 0, 0, 0.1);
	-webkit-animation: circle 1s infinite linear;
	animation: circle 1s infinite linear;
}

#loading p {
	position: absolute;		/*absolutni pozicovani*/
	width: 300px;			/*sirka textu*/
	height: 50px;			/*vyska textu*/
	top:50%;				/*shora na 50%*/
	left:50%;				/*zleva na 50%*/
	margin:50px 0 0 -150px;	/*posunuti do absolutniho stredu -height/2 + nejakych 50px, aby byl text pod spinnerem  0 0 -width/2*/
	text-align: center;
}

@-webkit-keyframes circle { 
	100% { -webkit-transform: rotate(360deg); } }
@keyframes circle { 
	100% { transform: rotate(360deg); transform:rotate(360deg); } }


/*Prepsani jquery ui*/
/*Cisla dnu uprostred*/
.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center !important;
}


.ui-datepicker-next.ui-corner-all {
	border: 1px solid #c5c5c5 !important;
}


.ui-datepicker-prev.ui-corner-all {
	border: 1px solid #c5c5c5 !important;
}



/*Bez ramecku okolo nazvu mesice a bez grafiky (ui-bg_highlight-soft_75_cccccc_1x100.png)*/
.ui-widget-header {
	border: none !important;
	background: none !important;
}

/*Pozadi dnu bez grafiky (ui-bg_glass_75_e6e6e6_1x400.png), pozadi mame vlastni: #F7F7F7=svetle seda */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: none;
	background-color: #F7F7F7;			/*nesmi byt important*/
}

/*Bez grafiky (ui-bg_glass_75_dadada_1x400.png)*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: none;
}

/*Bez grafiky (ui-bg_glass_65_ffffff_1x400.png)*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: none;
}

/*Bez grafiky (ui-bg_flat_0_aaaaaa_40x100.png)*/
.ui-widget-overlay {
	background: none;
}

/*Bez grafiky (ui-bg_flat_0_aaaaaa_40x100.png) */
.ui-widget-shadow {
	background: none;
}

/*Pozadi kalendare bez grafiky (ui-bg_flat_0_aaaaaa_40x100.png, ui-bg_flat_75_ffffff_40x100.png) */
.ui-widget-content {
	background-image: none;
}

/*Bez grafiky ui-bg_glass_55_fbf9ee_1x400.png*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background-image: none;
}

/*Bez grafiky ui-bg_glass_95_fef1ec_1x400.png*/
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	background-image: none;
}

/*Bez grafiky ui-icons_2e83ff_256x240.png*/
.ui-state-highlight .ui-icon {
	background-image: none;
}

/*Bez grafiky ui-icons_888888_256x240.png*/
.ui-state-default .ui-icon {
	background-image: none;
}

/*Bez grafiky ui-icons_cd0a0a_256x240.png*/
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: none;
}

/*Zde jsou styly pro vetsi sirky obrazovky*/

/*Od sirky 1024px*/
@media only screen and (min-width: 1024px){
	body {
		width: 1024px;								/*pevne v 1024px, font-size muze byt v %*/
	}
}

/*Od sirky 800px*/
@media only screen and (min-width: 800px){

	.bigButton {
		display: inline;
	}

	.selectActivity {
		display: inline-block;		/*Protoze tlacitko je oznaceno tridou .bigButton i .selectActivity*/
	}

	.time {								/*Jednotlive casy*/
		margin: 1px;
		padding: 2px;
	}
}


@media (max-width: 600px) and (min-width: 1px){
	.ui-widget.ui-widget-content {
		border: 0;
	}

	.ui-datepicker-multi .ui-datepicker-group {
		float: none;
	}
}

.selectActivity.group p{
	font-weight: bold !important;
}