body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
input {
	margin: 0;
	padding: 0;

}

body
{ 
background: #4ba1d6 url('../images/bg-grass.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:bottom; 
  font-family: Arial, sans-serif;
  	font-size: 80%;
	color: #666666;
}

.error, input.error {
 color: red;
}



/* ---------- MY CSS ------------- */
.l { display: inline; float: left; }
.r { display: inline; float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.out { position: absolute; left: -9000px; top: -9000px; }
/* CLEAR */
.br {clear:both;}
.block {display: block;}
.cistic { 	clear: both; /*height: 1px; font-size: 1px; width: 100%; clear:both; overflow: hidden;  visibility: hidden; */}

/* NO! */
.no-border {border:none !important;}
.no-margin {margin:none !important;}
.no-padding {margin:none !important;}
.no-bg {margin:none !important;}
/* FONTS */
.bold { font-weight: bold; }
.small { font-size: 90%;  }
.big {font-size:120%;}
/* HIDDEN */
.hidden { display: none; }
/* COLORS */
/* .red{color:#CE0000;}
.green{color:#7cb801;}
.grey{color:#888888;} */
/* ALIGN TEXT */
.align-center { text-align:center !important; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important;; }
img.align-left {float: left; margin-right: 15px; margin-bottom: 15px; border:1px solid #DBDBDB; padding: 5px }
img.align-right {float: right; margin-left: 15px; margin-bottom: 15px;padding: 5px; border:1px solid #DBDBDB; }
img.align-center {float: none; margin: 0 auto; margin-bottom: 15px; padding: 5px; border:1px solid #DBDBDB; }

.sup {
font-size: 90%;
position: relative;
top: -5px;
}



.marg-10-0 {
margin: 10px 0 10px 0; 
} 
.marg-t-20 {
margin-top: 20px; 
} 



a {
	color: #79c608; 
	text-decoration: underline;
}

a:hover {
	color: #000;
}

.stranka {
	margin: 0 auto;
	width: 900px;
	padding-bottom: 40px;
	overflow: hidden;

}
#header {
	margin: 0 auto;
	width: 100%;
 background: url(../images/head.jpg) no-repeat center top;
overflow: hidden;
} 

#logo {
width: 155px;
height: 73px;
padding: 30px 0 30px 20px;
}

/* .sup {
font-size: 90%;
position: relative;
top: -5px;
} */

.content {
width: 900px;
background: url(../images/content_t.png) no-repeat left top;
padding-top: 20px;
}

.content-01 {
padding: 0 20px;
margin: auto;
font-size: 120%;
line-height: 140%;
background: white;
overflow: hidden;
clear: both;
}

.main-image {
width: 100%;
background: url(../images/main-image.jpg) no-repeat center top;
}

.menu {
width: 100%;
/*float: left;*/
height: 60px;
background: url(../images/menu-bg.png) no-repeat left top;
position: relative;
}

.menu ul.menu-l {
width:800px;
padding-left: 20px;
float: left;
	list-style:none;

}

.menu li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

.menu li.separator {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	background: url(../images/menu-separator.png) no-repeat left top;
	width: 1px;
  height: 43px;
	overflow: hidden;
}

.menu li a {
	display:block;
	padding:0px 18px 0px 18px; 
line-height: 43px;
height: 43px;
	height:100%;
	color:#6596a7;
	text-decoration:none;
	font-size: 12px;
}

.menu li a:hover {
	color: white;
	background:url(../images/menu-active.png) no-repeat 50% 0; 	
	
}
.menu li#vybrane a {
	background:url(../images/menu-active.png) no-repeat 50% 0;
	padding-bottom: 10px;
	color: white;
}

.menu li#vybrane ul li a {
	background:none;
	color:#6596a7;
	padding-bottom: 0;
}





/* ROLLOVER MENU */
#nav li ul {
	/* display: none;
*/
	display: block;
	position: absolute;
	width: 230px;
	top: 40px;
	z-index: 1000;
	left: -999em;
}
#nav li>ul {
	top: 40px;
	left: auto;
	display: none;
	width: 230px;
}
#nav li ul li a {
/* second-level lists */
	display: block;
	width: 200px;
	padding: 0;
	text-align: left;
	padding: 1px 15px;
	line-height: 30px;

	/* height: auto;
*/
/* 	color: #87C4FC; */
}
#nav li ul li a:hover {
/* second-level lists */
	background: #6FB5DF;
	color: #FFF;
	/* background: url(../images/menu-aktiv.png) no-repeat right top;
*/
}
#nav li li {
	display: block;
	float: left;
	background: none;
	border: 0;
	padding: 0;
	border-bottom: 1px solid #A7CADF;
	border-top: 1px solid #EFFBFF;
	/* white-space: nowrap;
*/
}
#nav li:hover ul, #nav li.over ul {
	display: block;
	/* left: 10px;
*/
	top: 40px;
	/* margin-left: -20px;
*/
	border: 1px solid #A7CADF;
	border-bottom: none;
	border-top: none;
	/* border-top: 0px;
*/
	margin-left: -2px;
	padding: 0px 0 0x 0;
	background: #D0F0FB;
}







.cenik-balon {

position: absolute;
width: 177px;
line-height: 32px;
top: 105px;
margin-left: 650px;
color: white;
height: 44px;
text-align: center;
z-index: 10;
}
.cenik-balon h2 {
font-size: 12px;
text-align: center;
font-weight: normal;
}
.cenik-balon a {
	background:url(../images/cenik-balon.png) no-repeat 0 0;
	display: block;
	height: 44px;
color: white;
text-decoration: none;
}
.cenik-balon a:hover {
	background:url(../images/cenik-balon.png) no-repeat 100% 0;

color: white;
}

.menu-r {
float: right;
width: 250px;
text-align: right;
line-height: 43px;
color:#6596a7;
list-style: none;

}
.menu-r li {
list-style: none;
}
.menu-r li.separ{
width: 5px;
overflow: hidden;
}

.menu-r li a {
	padding:0px 10px 0px 10px; 
}


.menu-r li a:hover {
background: none !important;
color:#666666;
text-decoration: underline;
}


.levy-sloupec {
width: 535px;
float: left;
text-align: left;
padding-top: 338px;
font-size: 90%;
padding-bottom: 30px;
}

.levy-sloupec.long {
    width: 836px;
}

.text-padd {

padding-left: 22px;
/* padding-right: 22px; */

}

.levy-sloupec ul {
margin: 10px 0 15px 5px;
}

.levy-sloupec li {
margin: 8px 0 8px;
line-height: 130%;
font-size: 12px;
list-style: none;
background: url(../images/bullet.png) no-repeat 0 3px;
padding-left: 20px;
}

ul.big-list {
margin-top: 40px;

}

ul.big-list li {
font-size: 18px;
font-weight: normal;
background-position: 0 6px;
}



.levy-sloupec p {
margin: 0px 0 10px 0;
}

.levy-sloupec h1 {
font-weight: normal;
font-size: 22px;
color: white;
line-height: 60px;
margin-bottom: 20px;

}

.levy-sloupec h2 {
font-weight: normal;
font-size: 18px;
color: #8fc400;

line-height: 20px;
margin: 20px 0  5px 0;
}

.levy-sloupec h3 {
font-weight: normal;
font-size: 16px;
color: #6596A7;
line-height: 20px;
margin: 20px 0  5px 0;
}
.levy-sloupec h4 {
font-weight: bold;
font-size: 13px;
color: #6596A7;
line-height: 20px;
margin: 20px 0  0px 0;
}

.padd-25 {
padding-left: 25px;

}

/* TABULKA */
table {
	width:100%;
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	margin:1em auto;
		border-collapse:collapse;
		font-size: 12px;
	}
caption {
/* 	color: #9ba9b4; */
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr	{

	}	
	
	
tr.odd td	{
	background:#f9f9f9
	}
tr.odd .column1	{
/* 	background:#f9f9f9; */
	background:#f9f9f9
	}	
.column1	{
/* 	background:#f9fcfe; */
padding:.3em 1em;
width: 30%;
text-align: left
	}
td {
/* 	color:#678197; */
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	padding:.3em .5em;
	text-align:center;

	}				
th {
	font-weight:normal;
/* 	color: #678197; */
	text-align:left;
	border-bottom: 1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	padding:.3em 1em;
	}							
thead th {
	background:#edf1eb;
	text-align:center;

/* 	color:#66a3d3 */
	}	

thead th.column1 {
	background:#edf1eb !important;

/* 	color:#66a3d3 */
	}	

.form-tabulka table{
	width:100%;
	border:0px solid #EDF1EB;
	margin:1em auto;
		border-collapse:collapse;
		font-size: 10px;
				text-align: center;

}
.form-tabulka td{
	border:0px solid #eaeaea;
		font-size: 10px;
		text-align: center;
					padding: 3px 
}
.form-tabulka th{
		text-align: center;
		font-size: 10px;
		font-weight: 800;
			border:0px solid #eaeaea;
			line-height: 10px;
					padding: 3px 
}


/* PRAVA STRANA */
.pravy-sloupec {
width: 305px;
float: right;
text-align: left;
background: url(../images/sidebar-bg-t.png) no-repeat;
margin-top: 200px;
padding-right: 15px;
}

.telefon-box {
padding: 28px 35px 5px 35px;
text-align: right;
font-size: 12px;
color: #cccccc;
}
.telefon-box h2 {
font-size: 28px;
color: #8fc400;
font-weight: normal;
margin: 5px 0;
}
.banner {
float: right;
padding-bottom: 20px;
}

.sidebar {
width: 305px;
float: right;
/* background: url(../images/sidebar-bg-gray-t.png) no-repeat right top; */
/* padding: 20px 20px 8px 30px; */
}

.sidebar-t {
width: 305px;
float: right;
clear: both;
background: url(../images/sidebar-bg-gray-t.png) no-repeat right top;
height: 10px;
overflow: hidden;/* IE 6 */
}

.sidebar-b_more {
width: 305px;
float: right;
clear: both;
background: url(../images/sidebar-bg-gray-b_more.png) no-repeat right top;
height: 50px;

}
.sidebar-b_more a {
text-align: right;
float: right;
padding-top: 22px;
color: white;
padding-right: 20px;
font-size: 11px;
text-decoration: none;
}



.sidebar-cont {
width: 240px;
float: right;
clear: both;
background: url(../images/sidebar-bg-gray-m.png) no-repeat right bottom;
padding-left: 35px;
padding-right: 30px;
font-size: 12px;

}
.sidebar-separ {
width: 305px;
float: right;
clear: both;
background: url(../images/sidebar-bg-gray-separ.png) no-repeat right center;
height: 23px;
}


.sidebar h3 {
padding: 3px 0 3px 0;
color: #7fca09;
font-size: 13px;
}

.sidebar-images {
float: right;
padding-right: 25px;
width: 250px;
}
.sidebar-images h4 {

padding-left: 5px;
padding-bottom: 5px;
}



.sidebar-images a {
padding: 5px;
background: url(../images/image-bg.png) repeat left top; 
display: inline-block;
/* height: 157px; */
margin-bottom: 3px;
float: right;
}
.sidebar-images a:hover {
background: url(../images/image-bg-h.png) repeat left top; 

}

.ref-image a {
padding: 5px;
background: url(../images/image-bg.png) repeat left top; 
display: inline-block;

margin-bottom: 3px;

}
.ref-image a:hover {
background: url(../images/image-bg-h.png) repeat left top; 

}



/* FORMULAR */
.kontakt-form {
float: left;
width: 100%;
}

.kontakt-form form {
margin-top: 20px;
}

.kontakt-form label {
display: inline;
/* float: left;
width: 120px; */
}

select.inputSelect {
width: 99%;
margin: 0px;
padding: 0;
border: 1px solid #B6B6B6;
z-index: 0 !important;
}

.inputCheck {
margin: 0;
margin-right: 5px;
background: none;
border: 0;
position: relative;
top: 1px;
}

.inputRadio {
margin: 0;
background: none;
border: 0;
position: relative;
top: 3px;
}

.labelRow {
padding-top: 10px;
float: left;
}

.labelRow label {
display: inline;
padding-top: 0;
}

.kontakt-form input.inputShort {
border: 0;
width: 40px;
height: 19px;
line-height: 19px;
float: left;
padding: 5px;
background: url(../images/form-input-short.png) no-repeat left top;
}

.kontakt-form input.inputLine {
border: 0;
width: 179px;
height: 19px;
line-height: 19px;
float: left;
padding: 5px;
background: url(../images/form-input.png) no-repeat left top;
}
.kontakt-form input.inputLong {
border: 0;
width: 299px;
height: 19px;
line-height: 19px;
float: left;
padding: 5px;
background: url(../images/form-input-long.png) no-repeat left top;
}

.kontakt-form textarea {
border: 0;
width: 299px;
height: 144px;
overflow-y: auto;

float: left;
padding: 5px;
background: url(../images/form-textarea.png) no-repeat left top;
margin-bottom: 20px;
}

.kontakt-form input#button{
padding: 0;
border: 0;
width: 122px;
height: 28px;
line-height: 28px;
float: right;
background: url(../images/button.png) no-repeat left top;
margin-right: 8px;
cursor: pointer;
}
.kontakt-form input#button:hover{
background: url(../images/button-h.png) no-repeat left top;
color: white;
}


.form-info{
font-size: 90%;
float: left;
}


.kontakt-form input.app-form-pole {
background:  red !important;
border: 1px solid red;
}

input.inputLong[type="text"]:hover, input.inputLong:focus {
background: url(../images/form-input-long-h.png) no-repeat left top;
}
input.inputLine[type="text"]:hover, /* select:hover, */ input.inputLine:focus/* , select:focus */ {
background: url(../images/form-input-h.png) no-repeat left top;
}
input.inputShort[type="text"]:hover, /* select:hover,  */input.inputShort:focus/*,  select:focus  */{
background: url(../images/form-input-short-h.png) no-repeat left top;
}
textarea:hover, textarea:focus {
background: url(../images/form-textarea-h.png) no-repeat left top;
}
.form-info {
font-size: 10px;
}







.br {
line-height: 5px !important;
height: 5px !important;
clear: both;
}

.ref-box {
background: url(../images/ref-bg.png) repeat-x left bottom;
padding: 5px 0;
width: 100%;
}



/* ---------STRANKOVANI */

.strankovani {
padding: 10px 0;
float: left;
/* color: #6596A7; */
font-size: 90%;
}
.strankovani li {
border: 0;
margin: 0;
padding: 0;
float: left;
font-size: 100%;
list-style: none;
background: none;
}
.strankovani a {

margin-right: 2px;
}
.strankovani .previous-off, .strankovani .next-off {
color: #333;
display: block;
float: left;
font-weight: bold;

}
.strankovani .next a, .strankovani .previous a {

}
.strankovani a:link, .strankovani a:visited {
color: #666666;
display: block;
float: left;
padding: 4px 8px;
text-decoration: none;
}
.strankovani a:hover {
text-decoration: underline;
}
.strankovani .active a {
color: WHITE !important;
background: #90C400;
font-weight: bold;
display: block;
float: left;
}
.strankovani span {
padding-top: 1px;
display: block;
padding: 4px 8px;
}




/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {
	margin-left: auto;
	margin-right: auto;
width: 498px;
float: left;


}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display:inline;
	float: left;
	position: relative;
	margin-right: 16px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .grid_1 {
	width:67px;
}

.container_6 .grid_2 {
	width:150px;
}

.container_6 .grid_3 {
	width:233px;
}

.container_6 .grid_4 {
	width:316px;
}

.container_6 .grid_5 {
	width:399px;
}

.container_6 .grid_6 {
	width:482px;
}


a.pdf-ico {
 background:  url(../images/pdf-ico.png) no-repeat left 0px;
 padding-left: 25px; 
 line-height: 22px;
 height: 22px;
 float: left;
 clear: both;
 margin-top: 20px;
color: #6596A7;
}


a.pdf-ico:hover {

color: #000;
}





/* FOOTER */
.footer {
	width:900px;
	float:left;
	background:url(../images/footer-bg.png) no-repeat left bottom; 
	padding:10px 0;
}

.footer ul {
	width:300px;
	float:right;
	padding:0 40px 0 0;
	margin:-20px 0 0 0;
}

.footer ul li {
	float:right;
	padding:0 3px 0 3px;
	font:normal 11px Arial, Helvetica, sans-serif;
	list-style-type:none;
}

.footer-01 {
width: 860px;
margin: auto;
text-align: left;
border-top: 1px solid #d1f0fb;

}


.ko {
float: left;
width: 450px;
padding: 20px 20px 15px 20px;

font-size: 90%;
}



.foot-menu li{
float: left;
list-style: none;
padding: 0px 2px;
font-size: 90%;
}

.foot-menu li a:hover{
text-decoration: underline;
}


.upnet {
float: right;
text-align: right;
padding: 20px 20px 15px 20px;
width: 200px;
font-size: 80%;
color: #959799;

}

.upnet a {
color: #959799;
}

.upnet a:hover{
text-decoration: underline;
}

.registrovane {
float: left;
width: 730px;
padding-top: 15px;
font-size: 11px;
}

.box-autor {
  font-size: 11px;
}


/* poptavkovy formular */
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#FFF none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:40px;}

#kontaktForm table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}
#kontaktForm table,#kontaktForm td,#kontaktForm th {vertical-align:middle;}
#kontaktForm th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase; font-weight: bold;}
#kontaktForm td{padding:10px;color:#888;}
#kontaktForm tfoot td{border:0px;}
#kontaktForm th,#kontaktForm tr:hover{background-color:#f5f5f5;}

#kontaktForm td.align-center { text-align: center; }
#kontaktForm td.align-left { text-align: left !important; padding-left: 25px;}
#kontaktForm td.text-right { text-align: right !important;}

#screenshot{ position:absolute; border:none; background:transparent; padding:5px; display:none; color:#fff; }



#kontaktForm fieldset{padding:20px;border:1px solid #e5e5e5;}
#kontaktForm legend,#kontaktForm label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
#kontaktForm input[type=text],#kontaktForm input[type=password],#kontaktForm input[type=file],#kontaktForm textarea{background-color:transparent;padding:5px;width:180px;}
#kontaktForm input.input-small{width:50px;}
#kontaktForm input.input-long{width:550px;}
#kontaktForm .textfield_label{width: 100px; float: left;}
#kontaktForm textarea{width:97%;height:120px;font-size:12px;}
#kontaktForm input, #kontaktForm textarea {outline-style:none!important;}
#kontaktForm pre,#kontaktForm input[type=text],#kontaktForm input[type=password],#kontaktForm input[type=file],#kontaktForm textarea{
	background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;}
#kontaktForm input[type="submit"]:-moz-focus-inner{border : 0px;}
#kontaktForm input[type="submit"]:focus{outline:none;}

#kontaktForm label.error {display:block; margin-left: 100px; color: red; font-size: 10px;}


#kontaktForm .button {padding: 5px;}

#kontaktForm .box-half { width: 50%; float: left;}

h2.error-nadpis {text-align: center; color: red; }
h2.sucess-nadpis {text-align: center; }

/* ------- Toggle Content ------- */

h3.toggle {
	background:transparent url(../images/mini_icons.png) no-repeat scroll -60px -198px;
	font-size:18px;
	margin-top:20px;
	padding:0 0 0 30px;}
h3.toggle a {
	color: #888;
	padding-top:5px;
	text-decoration: none;
	display: block;}
h3.toggle a:hover {color:#666;}
h3.active {background:transparent url(../images/mini_icons.png) no-repeat scroll -19px -237px;}
h3.active a:link {color:#666;}
.toggle_content {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#F5F5F5;
	border:1px solid #f3f3f3;
	clear:both;
	margin:0 0 20px 30px;
	overflow:hidden;}
.toggle_content .block {padding:30px;}
.backlink {color: #ffffff;font-size: 11px;line-height:13px;}
.backlink  a {color: #ffffff;text-decoration: none;}
.backlink  a:hover {color: #ffffff;text-decoration: underline;}