/*** global ***/
html, body{
	background: white url(images/background5.png) top center repeat-x;
	color: black;
	}

body, html{
	font-family: 'Titillium Web', sans-serif;
	background: white url(images/bg.png);
	}

a{
	text-decoration: underline;
	color: rgb(92,156,184);
	}

html, body{text-align: center; margin: auto;}
body{font-size: 0.9em; padding: 0px;}
div{margin: auto; text-align: left; border: 0px solid blue;}
table{table-layout: fixed; border-collapse: collapse; margin: auto; border-spacing: 0px; border-width: 0px; text-align: left; font-size: 1em;}
table td{border-collapse: collapse; padding: 0px; border: 0px solid red; vertical-align: top;}
form, input{margin: auto; padding: 0px;}
input, textarea, select, button{font-family: verdana, sans-serif; font-size: 0.85em; padding: 2px 2px;}
textarea, select, button{border: 1px solid black;}
select, optgroup{font-size: 1em; padding: 2px;}
optgroup{font-size: 1em; padding: 0px 3px 0px 0px;}
input.ib{border: 1px solid black;}

img{font-family: courier, sans-serif; font-size: 0.75em; border: 0px;}
ul, ol{margin: 0px 5px 5px 15px; padding: 0px 5px 5px 15px;}
li{padding: 0px; margin: 3px; text-indent: 0px;}
p{margin: 0px; padding: 7px 0px; text-align: justify; text-indent: 2em;}
h1, h2, h3, h4, h5, h6{display: block; margin: 0px;}
.atn{width: 600px; background: rgb(248,248,248); table-layout: auto; text-align: center; margin: 20px auto; border: 3px solid rgb(46,137,192);}
.atn td{padding: 5px; border: 1px solid silver;}
td.atn-n{line-height: 160%; background: rgb(215,232,187); font-weight: bold;}
td.atn-t{text-align: left;}
.atn span{display: block; font-size: 0.75em; padding: 5px 5px 1px 45px;}
.col-5{width: 5px;} .col-10{width: 10px;} .col-15{width: 15px;} .col-20{width: 20px;} .col-25{width: 25px;} .col-30{width: 30px;} .col-35{width: 35px;} .col-40{width: 40px;} .col-45{width: 45px;} .col-50{width: 50px;} .col-55{width: 55px;} .col-60{width: 60px;} .col-65{width: 65px;} .col-70{width: 70px;} .col-75{width: 75px;} .col-80{width: 80px;} .col-85{width: 85px;} .col-90{width: 90px;} .col-95{width: 95px;} .col-100{width: 100px;} .col-105{width: 105px;} .col-110{width: 110px;} .col-115{width: 115px;} .col-120{width: 120px;} .col-125{width: 125px;} .col-130{width: 130px;} .col-135{width: 135px;} .col-140{width: 140px;} .col-145{width: 145px;} .col-150{width: 150px;} .col-155{width: 155px;} .col-160{width: 160px;} .col-165{width: 165px;} .col-170{width: 170px;} .col-175{width: 175px;} .col-180{width: 180px;} .col-185{width: 185px;} .col-190{width: 190px;} .col-195{width: 195px;} .col-200{width: 200px;} .col-205{width: 205px;} .col-210{width: 210px;} .col-215{width: 215px;} .col-220{width: 220px;} .col-225{width: 225px;} .col-230{width: 230px;} .col-235{width: 235px;} .col-240{width: 240px;} .col-245{width: 245px;} .col-250{width: 250px;} .col-260{width: 260px;} .col-270{width: 270px;} .col-280{width: 280px;} .col-290{width: 290px;} .col-300{width: 300px;} .col-310{width: 310px;} .col-320{width: 320px;} .col-330{width: 330px;} .col-340{width: 340px;} .col-350{width: 350px;} .col-360{width: 360px;} .col-370{width: 370px;} .col-380{width: 380px;} .col-390{width: 390px;} .col-400{width: 400px;} .col-410{width: 410px;} .col-420{width: 420px;} .col-430{width: 430px;} .col-440{width: 440px;} .col-450{width: 450px;} .col-460{width: 460px;} .col-470{width: 470px;} .col-480{width: 480px;} .col-490{width: 490px;} .col-500{width: 500px;} .col-520{width: 520px;} .col-540{width: 540px;} .col-560{width: 560px;} .col-580{width: 580px;} .col-600{width: 600px;} .col-620{width: 620px;} .col-640{width: 640px;} .col-660{width: 660px;} .col-680{width: 680px;} .col-700{width: 700px;} .col-720{width: 720px;} .col-740{width: 740px;} .col-760{width: 760px;} .col-780{width: 780px;} .col-800{width: 800px;} .col-820{width: 820px;} .col-840{width: 840px;} .col-860{width: 860px;} .col-880{width: 880px;} .col-900{width: 900px;} .col-920{width: 920px;} .col-940{width: 940px;} .col-960{width: 960px;} .col-980{width: 980px;} .col-1000{width: 1000px;}

/*** main ***/
.logo{
	height: 200px;
	background: url(./images/logo2.png) no-repeat bottom center;
	background-size: 380px 161px;
	}


.kontakt-main{
	max-width: 460px;
	min-width: 320px;
	font-size: 1.15em;
	}

.kontakt-main strong{
	display: block;
	/*border-bottom: 1px solid rgb(141,198,62);*/
	text-align: center;
	font-size: 1.8em;
	padding: 15px 0px 5px;
	margin-bottom: 2px;
	}

.kontakt-main div{
	padding: 3px;
	clear: both;
	display: flex;
	/*outline: 1px solid red;*/
	}

.kontakt-main span{
	display: inline-block;
	width: 115px;
	/*max-width: 155px;*/
	outline: 0px solid blue;
	float: left;
	/*flex-grow: 1;*/
	}

.kontakt-main b{
	display: inline-block;
	min-width: 145px;
	width: 273px;
	outline: 0px solid red;
	flex-grow: 1;
	}

span.kontakt-main-text{
	display: block;
	width: 100%;
	max-width: none;
	font-size: 0.75em;
	text-align: center;
	}

.kontakt-main-hours span{
	width: auto;
	float: none;
	display: inline;
	font-weight: normal;
	}

.kontakt-main-hours u{
	font-size: 0.75rem;
	text-decoration: none;
	font-weight: normal;
	}

.kontakt-main-hours u b{
	display: inline;
	}

strong.kontakt-main-border-bottom{
	padding: 0;
	}

.kontakt-persons{
	display: flex;
	}

.kontakt-persons div{
	/*outline: 1px solid red;*/
	display: block;
	clear: none;
	flex-grow: 1;
	width: 50%;
	margin-top: 0;
	text-align: center;
	}

.kontakt-persons i{
	display: block;
	font-style: normal;
	border: 1px solid rgb(141,198,62);
	margin: 3px;
	}

.kontakt-persons span{
	width: auto;
	}

.kontakt-persons b{
	width: auto;
	}

.kontakt-persons u{
	display: block;
	text-decoration: none;
	background: rgb(141,198,62);
	font-weight: bold;
	padding: 5px 0;
	font-size: 1.2rem;
	}

.kontakt-persons pre{
	display: block;
	padding: 2px 0;
	margin: auto;
	}

h3{
	margin: 20px auto auto;
	background: rgb(141,198,62);
	padding: 10px 0px;
	line-height: 150%;
	font-size: 1.3em;
	min-width: 370px;
	}

h3 b{
	display: block;
	font-size: 1.45em;
	padding: 7px 0px 0px;
	font-weight: 600;
	}

.pricelist{
	width: 660px;
	font-size: 1.1em;
	margin: 35px auto auto;
	}

.pricelist td{
	/*border: 1px solid silver;*/
	padding: 2px 3px 1px;
	}

.pricelist-price{
	text-align: right;
	color: rgb(62,99,10);
	font-weight: 600;
	/*line-height: 120%;*/
	padding-right: 4px;
	font-size: 1.2em;
	}

.pricelist-blank{
	height: 15px;
	}

.pricelist-name{
	text-align: center;
	font-weight: 700;
	font-size: 1.35em;
	color: rgb(48,161,9);
	}

.pricelist-descr{
	text-align: center;
	font-size: 0.85em;
	border-bottom: 1px solid silver;
	}

.pricelist i{
	display: block;
	font-weight: 600;
	}

.pricelist u{
	border-bottom: 1px dotted black;
	cursor: default;
	text-decoration: none;
	}

.pricelist span{
	display: block;
	padding: 2px 0px 0px;
	}


/*** <=660 ***/
@media screen and (max-width: 660px)
{
	.pricelist{
		width: 100%;
		}
}

/*** <=400 ***/
@media screen and (max-width: 400px)
{
	.logo{
		background-size: 100%;
		}

	h3{
		width: 100%;
		min-width: auto;
		}
}

