body{
	margin:0;
	padding:0;
	color: #666666;
	font: 81.25% Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li,div, hr, form {
	padding: 0px;
	margin: 0px;
}
a {
	color: #002D64;
}
a:hover {
	text-decoration: none;
}

img {
	border: none;
}
input {
	display: block;
	float: left;
	font: 85% Arial, Helvetica, sans-serif;
	color: #006FB9;
}

.cleaner {
	margin: 0px auto;
	width: 100%;
	visibility: hidden;
	clear: both;
	font-size: 0%;
}
.header, .content, .footer {
	margin: 0px auto;
	clear: both;
}	
.header {
	height: 131px;
	width: 947px;
	background: url(../img/bg-header.gif) repeat-x 0px 0px;
}
.header .flag {
	width: 197px;
	padding-top: 13px;
	height: 52px;
	padding-left: 750px;
	clear: both;
	float: left;
}
.header .flag img {
	float: left;
	margin-right: 9px;
}
.header .laufen {
	padding-left: 119px;
	height: 28px;
	width: 139px;
	float: left;
	padding-top: 6px;
}
.header .roca {
	float: left;
	padding-left: 196px;
}
.header .jika {
	float: left;
	padding-left: 196px;
}
.header ul {
	display: block;
	float: left;
	width: 750px;
	list-style: none;
	padding-left: 45px;
	height: 42px;
}

.header li {
	float: left;
	position: relative;
	display: inline;
}

.header   li a {
	display: inline;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	height: 28px;
	font-weight: bold;
	text-decoration: none;
	color: #006FB9;
	padding-top: 14px;
}

.header li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../img/bg-top-menu.gif) repeat-x 0px 0px;
}
.header li a.active { color: #FFFFFF; text-decoration: none; background: url(../img/bg-top-menu.gif) repeat-x 0px 0px; }


.content {
	width: 947px;
	padding-top: 30px;
	padding-bottom: 10px;
}
.content   .main-form {
	padding-left: 42px;
	padding-top: 17px;
	float: left;
}
.content .left-form {
	width: 386px;
    height: 130px;
}
.content .right-form {
	width: 400px;
}
.content   .top-map {
	padding-top: 33px;
}
.content .top-map-right {
	padding-top: 60px;
}
.content  h1,.content h2 {
	color: #006FB9;
	font-size: 150%;
	font-weight: normal;
	display: block;
	clear: both;
	padding-left: 44px;
}
.content h2 {
	font-weight: normal;
	font-size: 115%;
	padding-top: 23px;
}
.content .foto {
	clear: none;
	float: left;
}

.content .error {
	padding-top: 40px;
	font-size: 270%;
}
.content   #flash {
	padding-left: 42px;
	float: left;
	
	clear: both;
	width: 858px;
	height: 480px;
}

.content .info-page {
	padding-left: 42px;
	color: #006FB9;
	font-size: 145%;
	padding-top: 15px;
}

.content .info-seminar {
	color: #666666;
	line-height: 1.3em;
}
.content .info-next {
	padding-left: 42px;
	color: #006FB9;
}
.content .info-next h3 {
	display: block;
	clear: both;
	float: left;
	color: #006FB9;
	padding-top: 60px;
	font-size: 110%;
	padding-bottom: 3px;
}
.content  .info-next .in-error {
	padding-top: 25px;
}

.content .info-next a {
	clear: both;
	float: left;
	color: #006FB9;
	line-height: 1.3em;
	font-size: 95%;
}
.content .text {
	clear: both;
	padding-left: 42px;
	width: 93%;
	color: #006FB9;
}
.text .text-box {
	float: left;
	width: 425px;
	margin-top: 30px;
}
.text-box h3 {
	display: block;
	clear: both;
	font-size: 115%;
	padding-bottom: 8px;
	width:400px; 
}
.text-box img {
	float: left;
	height: 100px;
	width: 125px;
	margin-right: 10px;
}
.text-box p {
	display: block;
	float: left;
	font-size: 85%;
	width: 385px;
	line-height: 1.2em;
}
.text-box strong {
	font-size: 95%;
	display: block;
	padding-top: 5px;
	float: left;
	width: 250px;
}
.text-box strong a {
	color: #006FB9;
}
.text-box strong a:hover {
	text-decoration: underline;
}
.content .fotoform {
	float: right;
	width: 720px;
	display: block;
	padding-right: 75px;
	height:30px;
}
.fotoform #button {
	float: right;
}
.fotoform select {
	float: right;
	height: 21px;
	width: 165px;
	margin-right: 5px;
	color: #006FB9;
	font-size: 85%;
	background: #cbe6f7;
	padding: 2px;
	border-style: none;
}
.fotoform strong {
	font-size: 95%;
	display: block;
	color: #006FB9;
	float: right;
	padding-top: 3px;
	padding-right: 5px;
}
.content .search-result {
	color: #006FB9;
	clear: both;
	float: left;
	font-size: 85%;
	padding-right: 103px;
	margin-top: 10px;
	width: 840px;
	text-align: right;
}
.text .img-box {
	float: left;
	width: 275px;
	margin-top: 15px;
    height: 160px;
}
.img-box img {
	float: left;
	margin-right: 6px;
	margin-bottom: 5px;
}
.img-fotka{
width: 180px;
display: block;
height: 145px;
float: left;
}
.img-box div.tlacitka {
    float: left;
    width: 65px;
}

.content .text .list-bottom {
	clear: both;
	float: left;
	width: 850px;
	margin-top: 25px;
}
.list-bottom .fotocount {
	display: block;
	float: left;
	clear: none;
	width: 245px;
}
.fotocount label {
	display: block;
	float: left;
	padding-right: 7px;
	font-size: 85%;
	padding-top: 4px;
}
.fotocount select {
	font-size: 85%;
	color: #006FB9;
	background: #CBE6F7;
	float: left;
	height: 21px;
	width: 58px;
	padding-top: 2px;
}



.content .text .list {
	display: block;
	list-style: none;
	float: left;
	height: 21px;
}
.list li {
	float: left;
	display: inline;
	height: 21px;
	padding-left: 3px;
}
.list li a, .list li div {
	display: inline;
	height: 19px;
	width: 21px;
	background: url(../img/bg-pages.gif) repeat-x 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 85%;
	text-align: center;
	padding-top: 2px;
	float: left;
}
.list li div.aktualni {
    background: url(../img/bg-pages-actual.gif) repeat-x 0px 0px;
}
.list .first {
	background: url(../img/bt-prev.gif) no-repeat;
	width: 58px;
	display: block;
}
.list .first._en {
   background: url(../img/bt-prev_en.gif) no-repeat;
}

.list  .last  {
    background: url(../img/bt-next.gif) no-repeat;
	width: 58px;
}
.list .last._en {
    background: url(../img/bt-next_en.gif) no-repeat;
}
.text .list .pages {
	background: url(../img/bg-in.gif) no-repeat;
}


.info-next a:hover {
	text-decoration: underline;
}


.main-form  label  {
	display: block;
	float: left;
	width: 122px;
	height: 13px;
	padding-top: 3px;
}
.main-form   input,.main-form  select,.seminar input {
	border: 1px solid #006fb9;
	padding: 2px;
	height: 13px;
	width: 198px;
	margin-bottom: 5px;
}
.main-form select {
	height: 21px;
	width: 205px;
	font: 90% Arial, Helvetica, sans-serif;
	float: left;
	color: #006FB9;
}

.main-form strong {
	color: #006FB9;
}
.main-form .required {
	background: #deecf6;
}
.main-form .textform {
	margin-top: 26px;
}
.left-form textarea {
	border: 1px solid #006FB9;
	height: 78px;
	width: 200px;
	margin-top: 26px;
}
.right-form  p,.content p.required {
	display: block;
	float: left;
	clear: both;
	padding-left: 122px;
	font-size: 85%;
	color: #006FB9;
	width: 200px;
}
.content p.required {
	padding: 0px 0px 0px 42px;
}

.content .form-line {
	background: url(img/bg-form.gif) repeat-x 0px 0px;
	clear: both;
	height: 4px;
	width: 100%;
	margin-top: 40px;
	float: left;
}
.content .small-line {
	background: url(none);
	border-top: 1px solid #006FB9;
}

.content .catalogs {
	float: left;
	width: 905px;
	padding-left: 42px;
}
.catalogs h2 {
	color: #006FB9;
	font-size: 115%;
	display: block;
	clear: both;
	padding-top: 12px;
	padding-bottom: 16px;
}
.catalogs .region {
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 140%;
	font-weight: normal;
}
.content .catalog {
	float: left;
	height: 144px;
	width: 274px;
}
.content .catalog img {
	float: left;
	margin-right: 7px;
}
.catalogs .catalog p {
	display: block;
	float: left;
	height: 128px;
	width: 130px;
}
.catalogs .catalog input {
	display: block;
	float: left;
	margin-right: 40px;
}
.catalogs .catalog-bottom p {
	display: block;
	float: left;
	width: 220px;
	padding-top: 15px;
}
.catalogs .catalog-bottom img {
	float: left;
}
.catalogs .catalog-bottom input {
	margin-top: 70px;
	margin-left: 10px;
}
.content .send {
	float: left;
	width: 542px;
	padding-left: 350px;
	padding-top: 65px;
}
.content .seminar-send {
	padding-top: 40px;
}

.catalogs .seznam {
	clear: both;
	height: 24px;
	padding-left: 15px;
	padding-top: 11px;
	font-size: 85%;
	width: 785px;
}
.catalogs .odd {
	height: 20px;
	background: #f2faff;
	padding-top: 5px;
}
.catalogs .seminar {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.seminar label {
	display: block;
	float: left;
	padding-right: 8px;
	padding-top: 2px;
}
.seminar input {
	width: 116px;
	color: #666666;
	padding: 2px;
	margin-right: 8px;
}
.seminar .phone {
	width: 80px;
}
.seminar img {
	float: left;
}
.content .insert-user {
	text-align: right;
	width: 725px;
	padding-top: 30px;
	float: left;
}


.seznam span {
	display: block;
	float: left;
}

.seznam .name {
	color: #006FB9;
	font-weight: bold;
	width: 160px;
}
.seznam .city {
	width: 95px;
}
.seznam .adrs {
	width: 230px;
}
.seznam .phone {
	width: 105px;
}
.seznam .mail {
	width: 220px;
}
.seznam span a {
	text-decoration: none;
	color: #666666;
}
.seznam span a:hover {
	font-weight: bold;
	color: #006FB9;
	text-decoration: underline;
}
                               
.footer {
	height: auto;
	width: 947px;
	background: #D9EDF9 url(img/bg-footer.gif) repeat-x 0px 0px;
	padding-bottom:10px; 
}
.footer p {
	display: block;
	font-size: 85%;
	color: #006FB9;
	padding-left: 42px;
	padding-top: 30px;         
}
.footer p a {
	color: #006FB9;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
#errors{
  border:2px solid #FE6C01;
  background-color: #FFEFD6;
  font-weight:bold;
  color:#666666;
  display:none;
}
#errors span{
  color: #FE6C01;
}
.ok{
font-size:150%;
color:#666666;
margin-left:42px;
}


p.hlaska {
  width: 90%;
  color: #666666;
  font-weight: bold;
  border: 2px solid #FE6C01;
  background: #FFEFD6 url('img/warning.gif') no-repeat 7px 50%;
  min-height: 17px;
  padding-left: 52px;
  padding-top: 17px;
  padding-bottom: 17px;
  margin-top: 15px;
  margin-bottom: 7px;
}

p.info {
  color:#0A4C83;
  background: url('img/info.png') no-repeat 7px 50%;
  min-height: 17px;
  padding-left: 27px;
  padding-top: 7px;
  padding-bottom: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 25px
}

.manual-box {
	float: left;
	width: 180px;
	margin-top: 15px;
  height: 270px;
  text-align:center;
  color:#006FB9;
  line-height:0px;
  
}
.manual-box img{
border:1px solid #CCE6F7;
margin-bottom:15px;
}


.manual-box a{
color:#006FB9;

}


.manual-box .bottomText{
text-align:left;
padding-left:25px;
}

.manual-box .bottomText img{
position:relative;
top:20px;
}

.loga-box {
	float: left;
	width: 300px;
	margin-top: 15px;
  height: auto;
  margin-bottom:15px; 
  text-align:center;
  color:#006FB9;
  
}

.loga-box:nth-child(3n+1) { clear:both; }

.loga-box img{
margin-bottom:15px;
max-width: 250px;
}


.loga-box .bottomText{
text-align:left;
padding-left:60px;
line-height:100%;
}

.loga-box .bottomText img{
position:relative;
top:20px;
}
#popistext{
font-style:italic;
}


.models-list { padding-left: 44px; padding-top: 12px;}
.models-list ul { margin-left: 13px; }
.models-list ul.top .inner{ float: left; width: 30%;}
.models-list h2 {padding: 0; font-weight: bold;}
.models-list ul .news-detail {display: none;}
.strong { font-weight: bold; }

li.strong {color: #006FB9; margin-top: 8px;}

#alert_error { position: fixed; top: 200px; left: 40%; border:1px solid #7f9db9; padding: 20px 20px 20px 20px; background-color: #C4E0F6; min-width: 210px; min-height: 28px;}
#alert_error a.close { position: absolute; top: 0; right: 5px; text-decoration: none;}
#alert_error a.close.button { position: absolute; top: 41px; left: 160px; text-decoration: none; border: 1px solid #7F9DB9; width: 20px; padding: 4px; background-color: #fff; text-align: center;}

#popup{ display: none; position: fixed; top: 230px; left: 40%; border:1px solid #7f9db9; padding: 20px 20px 20px 20px; background-color: #C4E0F6; min-width: 210px; min-height: 28px;}
#popup a.close { position: absolute; top: 0; right: 5px; text-decoration: none;}

#snew_form, #cnew_form, #pnew_form{ display: none; }
#cnew, #pnew, #snew {  color: #888; }
#archive-list {padding-left: 30px; }
#archive-list ul {padding-bottom: 10px;}
#archive-list ul li {padding-bottom: 5px; font-size: 16px; font-weight: bold;}
#archive-list ul li.package {font-size: 14px;}
#archive-list ul li a.management{color: #888; font-size: 11px; }
#archive-list ul li span.separator{font-size: 11px;}
#archive-list ul li span.managementwrap { padding-left: 20px; font-weight: normal;}
#archive-list h2 { padding: 13px 0 13px 0; color: #0A4D84; font-weight: bold; font-size: 16px;}
#archive-list h2 span.managementwrap { padding-left: 20px; font-weight: normal;}
/*#archive-list ul li:hover {background-color: #DBEEFD;}*/

.katalog h1 { font-size:175%; }
.katalog h2 { font-size:140%; }
.katalog table { margin:20px 0 10px 40px; }
.katalog table img { border:1px solid #006FB9; }
.tlacitka.zip { display:none; }
.tlacitka.pdf { display:none; }
a.zip { display:none; }
a.pdf { display:none; }
.zip-link  { display:none; }
.zip-link.zip { display:block; }
.zip-link.pdf { display:block; }

#fotoform .img-box { margin:15px 0 30px 0; }
.img-box-heading { padding:0 0 5px 0; font-size:13px; }
.img-box-footer { float:left;  font-size:11px; display:block; width:100%; }


.hidden { display:none; }
.search-box { position:relative; }
.search-input { color:#666666; width:165px;padding:0 20px 0 5px; height:20px; line-height:20px; font-size:12px; float:right; margin:0 25px 0 0;
                border:1px solid #E1E1E1; text-transform:uppercase; }
.button-search { width:16px; height:15px; position:absolute; top:3px; right:30px; z-index:1;}
.button { display:inline-block; height:20px; line-height:21px; font-size:12px; padding:0 5px 0 5px; margin:0 10px 0 0; color:#fff; text-decoration:none; background: url('img/bg-button.png') left top repeat-x; }

 #animation { margin:30px 0 0 45px; float:left; }
.guide { float:left; width:290px; }
.guide ul { list-style-type:none; }
.guide li a { font-size:30px; color:#D9D9D9; text-decoration:none; text-transform:uppercase; font-weight:300; line-height:24px; padding-bottom:0; 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.guide li a:hover { color:#696969; font-size:35px; } 
#matrix { position:relative; float:left; width:560px;  }
#matrix .box { width:180px; height:142px; overflow:hidden; float:left;  }
#matrix:hover .box-in-opa { opacity:0.4; }      
#matrix .box-in  { width:180px; height:142px; margin:0; }
#matrix .box-in  img { width:100%; opacity:0; }    
#matrix .box-in:hover { position:absolute; z-index:100; width:200px; margin:-15px 0 0 -15px; 
 -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;  }
#matrix .box-in:hover .box-in-opa { opacity:1; }