html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: black;
	font-size: 100%;
	font-family: Tahoma, Arial, sans-serif;
	background: #F2F2F2 url(/_clip/bg_page.gif) center top repeat-y;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	color: #00A550;
	margin: 0 0 25px 0; padding: 0;
}
h2 {
	color: #1B5FBD;
	font-size: 125%;
	font-weight: normal;
	margin: 15px 0; padding: 0 0 0 12px;
	background: url(/_clip/bullet.gif) 0 5px no-repeat;
}

h3 {
	font-size: 120%;
	color: #00A550;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #D2E2D9;
}
h4 {
	font-weight: bold;
	font-size: 100%;
	color: black;
	margin: 10px 0; padding: 0;
}

h1, h2, h3, h4 {line-height: normal}

h2.adresa {background: url(/_clip/ico_home.gif) left center no-repeat; padding: 4px 0 4px 32px;}
h2.tel {background: url(/_clip/ico_phone.gif) left center no-repeat; padding: 4px 0 4px 32px;}
h2.fax {background: url(/_clip/ico_fax.gif) left center no-repeat; padding: 4px 0 4px 32px;}
h2.online {background: url(/_clip/ico_web.gif) left center no-repeat; padding: 4px 0 4px 32px;}
h2.mail {background: url(/_clip/ico_mail.gif) left center no-repeat; padding: 4px 0 4px 32px;}
.left-infoBox h2 { margin-top: 0 }

h1 span { padding: 0 0 0 77px; }

a {text-decoration: underline; color: #00A54F;}
a:hover {text-decoration: none; color: #586D8E;}

img {border: none;} img.block {display: block}
sup {font-size: 70%;}
fieldset, form {border: none; margin: 0; padding: 0;}
hr {border: none; border-top: 1px dashed #CB6100; height: 1px; width: 100%; display: block;}

/* layout */

#page {width: 880px; margin: 0 auto; padding: 0; font-size: 75%;}
#right-side {width: 560px; float: right;}
#left-side {width: 235px; float: left;}

/* header */

#header {background: url(/_clip/header.jpg) left top no-repeat; height: 182px; position: relative;}
#hp-btn {
	width: 400px; height: 120px;
	position: relative; top: 30px; left: 50px;
	display: block;
}
#hp-btn-top {position: absolute; top: 10px; right: 40px}

/* content */

#content-holder {
	background: #E5F6ED url(/_clip/bg_content.gif) left top repeat-x;
	margin: 0 auto; padding: 25px 0 10px 0;
	width: 810px;
}
#content-holder-hp {
	background: #E5F6ED url(/_clip/bg_content.gif) left top repeat-x;
	margin: 0 auto; padding: 25px;
	width: 760px;
}
#content {
	line-height: 1.4em;
	padding: 0 20px 0 0;
}


/* left side */

#below-menu {background: url(/_clip/bg_below-menu.gif) right top no-repeat; min-height: 90px; padding: 15px 15px 15px 20px;}
/*\*/ * html #below-menu {height: 90px;} /**/


/* footer */

#footer {
	font-size: 95%;
	background: url(/_clip/bg-footer.gif) left top repeat-x;
	padding: 0; margin: 5px auto;
	width: 810px;
	color: #7F7F7F;
}
#footer p {margin: 5px 0; padding: 0;}
#footer .copyright {float: left;}
#footer .counter {float: right; text-align: right;}
#footer .counter a {text-decoration: none;}

/* layout items */

.hp-box { background: url(/_clip/bg_hp-box.gif) right top no-repeat; padding: 5px 15px 5px 0}

.kontakt-form {background: #D2F0E0; padding: 15px;}
.kontakt-form input, .kontakt-form textarea {
	border: 1px solid #00A550;
	background: white url(/_clip/bg_input.gif) left top repeat-x;
	width: 98%;
	padding: 5px; margin-bottom: 5px;
}
.kontakt-form textarea {height: 125px;}
.kontakt-form input.btn-odeslat {
	width: auto;
	overflow: hidden;
}

ul.styled-list {margin: 10px; padding: 0; list-style: none;}
ul.styled-list li {padding: 1px 0 1px 18px; background: url(/_clip/bullet-list.gif) 0 4px no-repeat;}

#content-navig { width: 100%; display: table; padding-top: 5px; margin-top: 10px; border-top: 1px dashed #24D198; }
a.btn-top {background: url(/_clip/btn-top.gif) left center no-repeat; padding: 0 0 3px 17px; font-size: 95%;}

.foto-box { padding-top: 10px; }
.foto-box .frame {
	background: white url(/_clip/bg_foto-frame.gif) left top repeat-x;
	width: 105px; min-height: 80px;
	padding: 10px; margin: 0 10px 10px 0;
	text-align: center;
	border: 1px solid #C7C7C7;
	float: left;
}
/* \*/ * html .foto-box .frame {height: 80px;} /**/

.foto-box .frame.last {margin-right: 0}
.foto-box .frame img {border: 4px solid white}
.foto-box .frame a:hover img {border: 4px solid #C0CCDC}

.two-columns-holder {width: 100%; display: table; border-bottom: 1px solid #D2E2D9; padding: 10px 0; margin: 0 0 10px 0;}
.left-column {float: left; width: 48%;}
.right-column {float: right; width: 48%;}
.two-columns-holder h2 {margin: 0;}

.infoBox { padding: 10px 15px; margin: 10px 0; background: #D2F0E0; border: 1px solid #BEE6D1;}

.left-infoBox {width:155px; background: url(/_clip/bg_left-info-box.gif) center top no-repeat; padding: 15px; margin-bottom: 10px;}


/* redefine */

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 5px solid white;}
a:hover img.img-border {border: 5px solid #D5EFE1;}

img.left-picture {margin: 0 15px 10px 0; float: left}
img.right-picture {margin: 0 0 10px 15px; float: right}

.textRight {text-align: right;} .textCenter {text-align: center;} .textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}
.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}