/* resetovaci */

  html,body,
applet,object,iframe,
 h1,   h3, h4, h5, h6 ,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,form,label,
table,caption,tbody,tfoot,thead,tr,th,td,p {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

.reset {
clear: both;
line-height: 0px;
 width:1px;
visibility: hidden;
}

/* konec reset */

body {
font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
font-size: 11px;
color: #a6acb0;
background: url(img/back.png) center; 
text-align: center;
margin: 0;
padding: 0 0 50px 0;
}
.container {
	position: relative;
	margin: 110px auto 0 auto;
	width: 997px;
	text-align: left;
	border: solid 6px #f2f3f3;
	background: url(img/back-illustr.jpg) right top no-repeat #fff;
 
}
.link {
	position: relative;
	background: #678490;
	height: 29px;
}

h1 a{
position: absolute;
top: -110px;
left: 5px;
background: url(img/logo.jpg) no-repeat;
border: none; 	
width: 289px;
height: 98px;
}
h1 a span {
	display: none;
}
h2 {
 
margin: 243px 0 0 0;
color: #fff;
font-weight: bold;
font-size: 14px;	
background: #678490;
padding: 10px 0 10px 6px;
text-align: center;
}
h3 {
	line-height: 55px;
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 0 60px;
}
h3.news {
	background: url(img/icon-akt.png) left no-repeat;
line-height: 35px;
	color: #ee820f;
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 0 60px;
}
h3.mail {
	background: url(img/icon-mail.png) left no-repeat;
	line-height: 35px;
	color: #ee820f;
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 0 60px;

}

h3.zel {
	background: url(img/listek-zel.png) left no-repeat;
	color: #4eb030;
}
h3.ruz {
	background: url(img/listek-ruz.png) left no-repeat;
	color: #f18892;
}
h3.ora {
	background: url(img/listek-ora.png) left no-repeat;
	color: #ee820f;
}
h3.mod {
	background: url(img/listek-mod.png) left no-repeat;
	color: #4a6672;
}
h3.ost {
	background: url(img/listek-ost.png) left no-repeat;
	color: #7e99a5;
}
h3.news-dat {
	margin: 15px 0 0 0;
	font-size: 14px;
	color: #c6d0d4;
	font-weight: bold;
	line-height: 15px;
}
h3.news-tit {
	margin: 15px  0;
	font-size: 14px;
	color: #4a6672;
	font-weight: bold;
		line-height: 15px;
}
.vyraz1 {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0;
	color: #4a6672;
}
.vyraz2 {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0;
	color: #ee820f;
}

.vyraz3 {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0;
	color: #f18892;
}
.vyraz4 {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0;
	color: #535353;
}
.vyraz5 {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0;
	color: #000;
}
.right {
	float: right;
	width: 350px;
	margin: 30px 0 20px 0;
	border-left: solid 1px #678490;
	padding: 0 0 0 25px;
}

.left {
	float: left;
	width: 550px;
	margin: 30px 0 20px 25px;
	padding: 0 0 145px 0;
 
}
.left p {
	margin: 8px 0;
	font-size: 11px;
	color: #4a6672;
}
.left ul li {
	 
	list-style-type: circle;
	margin: 1px 0;
}
.left a {
	color: #4a6672;
}
.left a:hover {
	color: #ee820f;
}
.left img, .left a img {
	margin: 7px;
	border: solid 1px #dedede;
	padding: 5px;
}

.left a:hover img {
	border: solid 1px #4a6672;
}
table td {
	padding: 3px;
	border: solid 1px #bfbfbf;
	margin: 0 1px 0 0;
}
form#form_mailform {
	padding: 0;
	margin: 0;
 
}

form#form_mailform input {
	width: 326px;
	height: 31px;
	line-height: 31px;
	padding: 0 3px;
	font-size: 11px;
	color: #828b8f;
	background: url(img/back-input.png) no-repeat;
	margin: 15px 0 0 0;
   border: none;
}
form textarea {
	width: 318px;
	height: 179px;
   background: #eff0f1;
	border: none;
}
form#form_mailform input.butt {
	float: right;
	background: url(img/back-butt.png) no-repeat;
	width: 105px;
	height: 31px;
	text-align: center;
	font-weight: bold;
	color: #ee820f;
	font-size: 14px;
	cursor: hand;
	margin: 15px 22px 0 0;
}
p.area {
	width: 326px;
	height: 186px;
   
	padding: 3px;
	font-size: 11px;
	color: #828b8f;
	background: url(img/back-area.png) no-repeat;
	margin: 15px 0 0 0;
   border: none;
}


ul.menu-top {
position: absolute;
	padding: 0;
	margin: 0;
	right: 0px;
	top: -116px;
}

ul.menu-top li.butt0  a, ul.menu-top li.butt0,
ul.menu-top li.butt1  a, ul.menu-top li.butt1,
ul.menu-top li.butt2  a, ul.menu-top li.butt2,
ul.menu-top li.butt3  a, ul.menu-top li.butt3  {
	display: block;
	float: left;
	width: 140px;
 
	color: #dfe5e8;
	font-size: 11px;
	font-weight: bold; 
}

ul.menu-top li.butt0  {
	background: url(img/butt0.png) 0 0 no-repeat;
	background-position: -140px;
	margin: 0 0 0 9px;
}
ul.menu-top li.butt0  a {
	background: url(img/butt0.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
 border-top: solid 1px #fff;
}


ul.menu-top li.butt1  {
	background: url(img/butt1.png) 0 0 no-repeat;
	background-position: -140px;
	margin: 0 0 0 9px;
}
ul.menu-top li.butt1  a {
	background: url(img/butt1.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
 border-top: solid 1px #fff;
}
 
ul.menu-top li.butt2 {
	background: url(img/butt2.png) 0 0 no-repeat;
	background-position: -140px;
		margin: 0 0 0 9px;
}
ul.menu-top li.butt2  a {
	background: url(img/butt2.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
 border-top: solid 1px #fff;
}

ul.menu-top li.butt3  {
	background: url(img/butt3.png) 0 0 no-repeat;
	background-position: -140px;
		margin: 0 0 0 9px;
}
ul.menu-top li.butt3  a {
	background: url(img/butt3.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
 border-top: solid 1px #fff;
}



ul.menu-top li.butt0  a:hover,
ul.menu-top li.butt1  a:hover,
ul.menu-top li.butt2  a:hover,
ul.menu-top li.butt3  a:hover
{
	background-image: none;
	color: #fff;
  
}




ul.menu-sekce {
position: absolute;
	padding: 0;
	margin: 0;
	left: 0px;
	top: 196px;

}

ul.menu-sekce ul li
{ 
padding: 0;
margin: 0;
 
} 

ul.menu-sekce li.butt4  a, ul.menu-sekce li.butt4, ul.menu-sekce li,
ul.menu-sekce li.butt5  a, ul.menu-sekce li.butt5, ul.menu-sekce li,   
ul.menu-sekce li.butt6  a, ul.menu-sekce li.butt6, ul.menu-sekce li,
ul.menu-sekce li.butt7  a, ul.menu-sekce li.butt7, ul.menu-sekce li
{
	display: block;
	float: left;
 height: 46px;
	color: #dfe5e8;
	font-size: 11px;
	font-weight: bold; 
	padding: 0;
	margin: 0;
	}
ul.menu-sekce li.butt4  a, ul.menu-sekce li.butt4, ul.menu-sekce li  {
	width: 147px;
}
ul.menu-sekce li.butt5  a, ul.menu-sekce li.butt5, ul.menu-sekce li,   
ul.menu-sekce li.butt6  a, ul.menu-sekce li.butt6, ul.menu-sekce li {
width: 155px;	
}
ul.menu-sekce li.butt7  a, ul.menu-sekce li.butt7, ul.menu-sekce li {
	width: 156px;
}
ul.menu-sekce li.butt4  {
	background: url(img/butt4.png) 0 0 no-repeat;
	background-position: -147px;
		margin: 0;
}
ul.menu-sekce li.butt4  a {
	background: url(img/butt4.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	height: 36px;
padding: 10px 0 0 0;
color: #9bd28b;
}

ul.menu-sekce li.butt5  {
	background: url(img/butt5.png) 0 0 no-repeat;
	background-position: -155px;
		margin: 0;
}
ul.menu-sekce li.butt5  a {
	background: url(img/butt5.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	height: 36px;
padding: 10px 0 0 0;
color: #f7bcc2;
}


ul.menu-sekce li.butt6  {
	background: url(img/butt6.png) 0 0 no-repeat;
	background-position: -155px;
		margin: 0;
}
ul.menu-sekce li.butt6 a {
	background: url(img/butt6.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	height: 36px;
padding: 10px 0 0 0;
color: #f5b978;
}

ul.menu-sekce li.butt7  {
	background: url(img/butt7.png) 0 0 no-repeat;
	background-position: -158px;
		margin: 0;
}
ul.menu-sekce li.butt7 a {
	background: url(img/butt7.png) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
	height: 36px;
padding: 10px 0 0 0;
color: #99a9b0;
}


ul.menu-sekce li.butt4  a:hover,
ul.menu-sekce li.butt5  a:hover,
ul.menu-sekce li.butt6  a:hover,
ul.menu-sekce li.butt7  a:hover{
	background-image: none;
	color: #fff;
}


ul.menu-sekce ul.submenu1 li,
ul.menu-sekce ul.submenu2 li {
 display: block;
 padding: 0;
 margin: 0;
 background: none;
 width: 140px; 
  height: auto;
}


ul.menu-sekce ul.submenu1 a,
ul.menu-sekce ul.submenu2 a
{ 
   display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
 	color: #fff;
	text-decoration: none;
 	padding: 6px 3px;
	border-top: solid 1px #e2e2e2;
   margin: 0;
   height: auto;
} 
ul.menu-sekce ul.submenu1 a
{ 
   background: #4eb030;
   	width: 140px;
} 
ul.menu-sekce ul.submenu2 a
{ 
   background: #f18892;  
   	width: 150px;
} 
ul.menu-sekce ul.submenu1 a:hover
{ 
   background: #46be21;
} 
ul.menu-sekce ul.submenu2 a:hover
{ 
   background: #fd7b87;
} 
 
ul.menu-sekce ul.submenu1,
ul.menu-sekce ul.submenu2 
{ 
  position:absolute; 
  visibility:hidden; 
  border: none;
top: 46px;
 left: 0;
  padding: 0;
  margin: 0;
  width: 140px;
} 

ul.menu-sekce ul.submenu2 
{ 
 left: 147px;

} 
ul.menu-sekce li:hover ul.submenu1, ul.menu-sekce li.hover ul.submenu1,
ul.menu-sekce li:hover ul.submenu2, ul.menu-sekce li.hover ul.submenu2  
{ 
visibility:visible; 
} 
ul.menu-sekce li li 
{ 
border:none; 
padding:0; 
margin: 0;
} 
 
ul.menu-sekce li 
{ 
 behavior: url(hover.htc); 
 text-align: left;
}  




p.prava {
	text-align: right;
}
a.cele {
	color: #ee820f;
	font-size:10px;
}
a.starsi {
	color: #80a6a1;
	font-size: 10px;
}
a:hover.cele, a:hover.starsi {
	color: #000;
}
p.illustrimg {
position: absolute;
left: 370px;
bottom: 135px;
	padding: 0;
	width: 225px;
	height: 158px;
	background: url(img/back-ball.jpg) no-repeat;
}
.bottom {
position: relative;
   background: #678490;
	height: 79px;
}
p.tel {
float: left;
		background: url(img/icon-tel.png) left top no-repeat  ;
		padding: 7px 0 0 75px;
		margin: 10px 0 0 25px;
		height: 60px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
}
p.tel span {
	color: #b4c1c7;
}
.orn {
position: absolute;
left: 0;
bottom: 79px;
width: 378px;
height: 140px;
		background: url(img/back-orn.png) left bottom no-repeat;
}
p.cislo {
	position: absolute;
	top: 12px;
	left: 230px;
	font-size: 33px;
	font-weight: bold;
	padding: 0;
	margin:0;
}
p.cislo span {
	color: #fff;
}
.flash {
	position: absolute;
	left: 0;
	top: 0;
	/*border: solid 1px #b4c1c7;*/
	width: 611px;
	height: 194px;
}
.akt-index {
	float: left;
	width: 330px;
}
p.copy {
	position: absolute;
	right: 0;
	bottom: -40px;
	color: #4a6672;
	font-size: 10px;
	padding: 0;
	margin: 0;
}
p.copy a {
	color: #4a6672;	
}
p.copy a:hover {
	color: #000;
}
p.copy img {
	vertical-align: middle;
	margin: 0 15px 0 0;
}