body {padding: 0px; margin: 0px; background: #014257}
.center {width: 948px; margin: 0px auto}
a {text-decoration: underline; color: #1a953f;}
a:hover {text-decoration: none}
img{border:none;}
#bg-stin {background: url(../layout/bg-stin.png); width: 940px; height: auto; float: left}
#header {background: url(../layout/bg-header.png); width: 900px; height: 109px; float: left; margin-left: 20px; _margin-left: 10px}
#telo {background: white url(../layout/bg-obsah.png) no-repeat; width: 900px; height: auto; float: left; margin-left: 20px; _margin-left: 10px;
padding-bottom: 20px; position:relative;}
/*.......header.........*/
#header h1 {display: block; float: left; margin-left: 35px; _margin-left: 17px; margin-top: 30px; height: 50px; margin-bottom: 0px}
#header h1 a {font: bold 18pt verdana; color: black; text-decoration: none}
#header h1 a span {color: #28c1f3}
#header .topmenu {float: right; margin-right: 36px; margin-top: 20px; _margin-right: 18px}
#header .topmenu ul {margin-top: 0px}
#header .topmenu ul li {list-style-type: none; float: left;}
#header .topmenu ul li a {font: 7pt verdana; color: #28c1f3; text-decoration: underline; float: left}
#header .topmenu ul li a:hover {text-decoration: none;}
#header .topmenu img {float: left; display: block; margin-left: 9px; margin-right: 10px; _margin-right: 5px; _margin-left: 5px; margin-top: 3px;}
#header .mainmenu { clear: both; margin-right: 10px}
#header .mainmenu ul {float: right; margin-top: 0px}
#header .mainmenu ul li {background: #ebebeb url('../layout/menuleft.gif') no-repeat left top; list-style-type: none; float: left; height: 29px; margin-right: 1px}
#header .mainmenu ul li a {background: url('../layout/menuright.gif') no-repeat right top; height: 29px; display: block; _float: left; padding-left: 17px; padding-right: 17px;
font: bold 8pt arial; color: black; text-decoration: none; line-height: 29px}
#header .mainmenu ul li.active {background: #a1d8ea url('../layout/menuleft_a.gif') no-repeat left top;}
#header .mainmenu ul li.active a {background: url('../layout/menuright_a.gif') no-repeat right top;}
#header .mainmenu ul li a:hover {text-decoration: underline;}

/*.......left.........*/
#left {width: 328px; float: left;}
#left .kontakt {float: left; margin-top: 30px; border-top: 1px dotted #b3b3b3; border-bottom: 1px dotted #b3b3b3; margin-left: 22px;
width: 300px; _margin-left: 11px; padding-bottom: 20px}
#left img {float: left; display: block; margin-top: 20px;}
#left .kontakt p {float: left; font: 9pt arial; color: #494949; line-height: 18px; margin-top: 15px; display: block; margin-bottom: 0px}
#left p span {color: black; font-weight: bold; margin: 0px !important; display: inline}
#left p a {color: #1a953f; font-weight: bold}
#left .box {background: #dff1fb; width: 257px; padding: 15px 25px 15px 25px; display: block; margin-left: 20px; _margin-left: 10px;color: #387185;
font: 7pt verdana; line-height: 16px; margin-top: 30px; float: left; text-align:justify;}
#left span { margin-left: 20px; _margin-left: 10px; display: block}
#left .tel {font: bold 13pt arial; color: #fff; background: url(../layout/telefon.png); width: 196px; height: 40px; float: left;
 display: block; line-height: 40px; text-indent: 40px; margin-top: 20px;}
#left .contact {font: bold 13pt calibri; color: #fff; background: url(../layout/kontaktujte.png); width: 196px; height: 40px;
 float: left; display: block; line-height: 40px; text-indent: 40px; margin-top: 10px;}
#left .contact a {font: bold 13pt calibri; color: #fff; text-decoration:none; line-height: 40px; }
#left .contact-pl {font: bold 10pt calibri; color: #fff; background: url(../layout/kontaktujte.png); width: 196px; height: 40px;
 float: left; display: block; line-height: 40px; text-indent: 40px; margin-top: 10px;} 
#left .contact-pl a {font: bold 10pt calibri; color: #fff; text-decoration:none; line-height: 40px; }

/*.......right.........*/
#right {float: right; width: 568px;}
#right h2 {width: 568px; height: 50px; background: url(../layout/bg-h2.png) no-repeat; display: block; position: relative; right: -16px;
font: bold 16pt arial; color: white; line-height: 60px; text-indent: 35px; margin-top: 30px
}
#right h2.pl{width: 508px; font: bold 11pt arial; padding: 10px 60px 0 20px; text-indent: 0px;}
#right h2.de{width: 508px; font: bold 11pt arial; padding: 10px 60px 0 20px; text-indent: 0px;}
#right ul, #right p {margin-left: 45px;}
#right p {display: block; width:490px; font: normal 9pt arial; text-align: justify; color: #4a4a4a; line-height: 18px}
#right .p-bold {color: #387185; font-weight: bold; line-height: 18px; text-align: left; text-align:justify;}
#right a.vice-info {background: url(../layout/vice-info.png); display: block; width: 126px; height: 36px; line-height: 28px;
color: white; font-size: 8pt; font-family: arial; font-weight: bold;  text-indent: 30px}
#right a.vice-info-long {background: url(../layout/vice-info-long.png); display: block; width: 163px; height: 36px; line-height: 28px;
color: white; font-size: 8pt; font-family: arial; font-weight: bold;  text-indent: 30px}
#right h3 {background: url(../layout/bg-h3.png) no-repeat; width: 567px; height: 50px; color: black; font: bold 16pt arial; 
position: relative; right: -16px;
line-height: 60px; text-indent: 35px}

/*.......patka.........*/
#patka {float: right; background: url(../layout/patka.png); width: 568px; height: 84px; clear: both; position: relative; left: 16px; 
margin-top: 15px}
#patka p {color: #9d9d9d; font: 7pt verdana; margin-top: 36px; margin-left: 48px}
#patka p a {color: #9d9d9d; text-decoration: none}
#patka p a:hover {text-decoration: underline}
#patka p a.machin {color: #1a953f; text-decoration: underline !important}
#patka p a.machin:hover {text-decoration: none !important}

.velke{
  font-size:14px;
}

#ref {
	float: left;
  	background: url('../layout/ref-stred.gif') repeat-y left top;
  	width: 490px;
  	margin: 0px 0px 0px 46px;
  	padding: 0px 0 10px 0;
  
}
#ref p{
  	margin-left:150px; 
  	width:320px;
  	display: block;
  	font-weight: bold;
}
#ref .nadpis{
  	padding-left:30px; 
  	color: black; 
  	font-weight: bold;
  	font-size:18px;
  	line-height:40px;
}
#ref img {
	width: 80px;
}

#ref .obraz {
	width: 80px;
	float: left;
	margin-left: 30px;
	margin-top: 3px;
	padding-top: 3px;
}

#ref .popis {
	width: 190px;
}

.ref-vrch {
	float:left;
	line-height:1px;
	font-size:1px;
	background: url('../layout/ref-vrch.gif') no-repeat left top;
	width: 490px;
	height: 5px;
	margin: 25px 0px 0px 46px; 
}

.ref-spodek {
	float:left;
	line-height:1px; 
	font-size:1px; 
	background: url('../layout/ref-spodek.gif') no-repeat left top;
	width: 490px;
	height: 5px;
	margin-left: 46px;
}


div.banner2 {
  text-align : center;
  margin-top : 8px;
  margin-bottom : 8px;
}
.flash_odkaz{
  position:relative;
}

.flash_odkaz a{
  position:absolute;
  left:0;
  top:0;
}

.flash-odkaz {
  	width:226px;
  	height:45px;
	text-align:center;
	font-family:arial;
	padding: 0;
	font-size:13px; 
	font-weight: bold; 
	margin-top:30px;
	margin-left: 42px;
	margin-bottom: 40px;
	float:left; 
	background:url(../layout/tl-ahover.gif) no-repeat left top;  
}
.flash-odkaz a {
	display:block; 
	float:left; 
	height:45px; 
	text-decoration:uderline; 
	color:#fff; 
	background:url(../layout/tl-a.gif) no-repeat left top;
  	width:226px;
	text-align:center;
	padding-top: 13px; 
	 
}
.flash-odkaz a:hover {
  	background:transparent;
	text-decoration:uderline;    
}
.flash-odkaz-long {
  	width:260px;
  	height:45px;
	text-align:center;
	font-family:arial;
	padding: 0;
	font-size:13px; 
	font-weight: bold; 
	margin-top:30px;
	margin-left: 10px;
	margin-bottom: 40px;
	float:left; 
	background:url(../layout/tl-ahover-long.gif) no-repeat left top;  
}
.flash-odkaz-long a {
	display:block; 
	float:left; 
	height:45px; 
	text-decoration:uderline; 
	color:#fff; 
	background:url(../layout/tl-a-long.gif) no-repeat left top;
  	width:260px;
	text-align:center;
	padding-top: 13px; 
	 
}
.flash-odkaz-long a:hover {
  	background:transparent;
	text-decoration:uderline;    
}
#flash-stred {
  	font-weight:bold;
	line-height:30px;
	text-align:center;
	width:470px;
	padding-left:80px;
}
#left .banner-left{
	text-align: center;
	margin-top: 197px;
}
.clr {clear:both; font-size:0px; height:0px; line-height:0px; border:none; margin:0; padding:0}

.jazyk {
	position: absolute;
	width: 70px;
	height: 20px;
	display: block;
	top: -90px;
	right:10px;
}